JavaScript 最佳实践🔥
- 在 JavaScript 中声明和初始化数组
- 在 JavaScript 中找出总和、最小值和最大值
- 在 JavaScript 中对字符串、数字或对象数组进行排序
- 在 JavaScript 中删除重复的数组值
- 在 JavaScript 中创建计数器对象或映射
- JavaScript 中的三元运算符
- JavaScript 中的箭头函数
- 在 JavaScript 中对数组进行打乱
- JavaScript 中的 Rest & Spread 运算符
- 在 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
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
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]
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]
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}
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!"
查找有关文章主要来源的更多提示。
文章来源:https://dev.to/devsimc/javascript-best-practices-44ll