JavaScript 最佳实践🔥

2025-05-25

JavaScript 最佳实践🔥

  1. 在 JavaScript 中声明和初始化数组
  2. 在 JavaScript 中找出总和、最小值和最大值
  3. 在 JavaScript 中对字符串、数字或对象数组进行排序
  4. 在 JavaScript 中删除重复的数组值
  5. 在 JavaScript 中创建计数器对象或映射
  6. JavaScript 中的三元运算符
  7. JavaScript 中的箭头函数
  8. 在 JavaScript 中对数组进行打乱
  9. JavaScript 中的 Rest & Spread 运算符
  10. 在 JavaScript 中将十进制转换为二进制或十六进制

1. 在 JavaScript 中声明和初始化数组

我们可以使用默认值(如“”,null 或 0)来初始化特定大小的数组。您可能已经将这些用于一维数组,但是如何初始化二维数组/矩阵呢?

const array = Array(5).fill(''); 
// Output 
(5) ["", "", "", "", ""]

const matrix = Array(5).fill(0).map(()=>Array(5).fill(0)); 
// Output
(5) [Array(5), Array(5), Array(5), Array(5), Array(5)]
0: (5) [0, 0, 0, 0, 0]
1: (5) [0, 0, 0, 0, 0]
2: (5) [0, 0, 0, 0, 0]
3: (5) [0, 0, 0, 0, 0]
4: (5) [0, 0, 0, 0, 0]
length: 5
Enter fullscreen mode Exit fullscreen mode

2. 在 JavaScript 中找出总和、最小值和最大值

const array  = [5,4,7,8,9,2]; 
Sum in array javascript
array.reduce((a,b) => a+b);

// Output: 35
MAX in array javascript
array.reduce((a,b) => a>b?a:b);
// Output: 9

MIN in array javascript
array.reduce((a,b) => a<b?a:b);
// Output: 2
Enter fullscreen mode Exit fullscreen mode

3. 在 JavaScript 中对字符串、数字或对象数组进行排序

const stringArr = ["Joe", "Kapil", "Steve", "Musk"]
stringArr.sort();
// Output
(4) ["Joe", "Kapil", "Musk", "Steve"]

stringArr.reverse();
// Output
(4) ["Steve", "Musk", "Kapil", "Joe"]

### Sort Number Array in javascript
const array  = [40, 100, 1, 5, 25, 10];
array.sort((a,b) => a-b);
// Output
(6) [1, 5, 10, 25, 40, 100]

array.sort((a,b) => b-a);
// Output
(6) [100, 40, 25, 10, 5, 1]
Enter fullscreen mode Exit fullscreen mode

4. 在 JavaScript 中删除重复的数组值

const array  = [5,4,7,8,9,2,7,5];
array.filter((item,idx,arr) => arr.indexOf(item) === idx);
// or
const nonUnique = [...new Set(array)];
// Output: [5, 4, 7, 8, 9, 2]
Enter fullscreen mode Exit fullscreen mode

5. 在 JavaScript 中创建计数器对象或映射

let string = 'kapilalipak';
const table={}; 
for(let char of string) {
  table[char]=table[char]+1 || 1;
}
// Output
{k: 2, a: 3, p: 2, i: 2, l: 2}
Enter fullscreen mode Exit fullscreen mode

6. JavaScript 中的三元运算符

function Fever(temp) {
    return temp > 97 ? 'Visit Doctor!'
      : temp < 97 ? 'Go Out and Play!!'
      : temp === 97 ? 'Take Some Rest!';
}

// Output
Fever(97): "Take Some Rest!" 
Fever(100): "Visit Doctor!"
Enter fullscreen mode Exit fullscreen mode

查找有关文章主要来源的更多提示。

文章来源:https://dev.to/devsimc/javascript-best-practices-44ll
PREV
React 最佳实践和模式以减少代码 - 第 2 部分
NEXT
您会推荐哪些有关编程的电影或连续剧?