让你5分钟掌握9个JavaScript小技巧

下面我就来详细讲解“让你5分钟掌握9个JavaScript小技巧”的完整攻略。

1. 变量值交换

有一种交换变量值的另类写法，可以用解构赋值完成：

let a = 1;
let b = 2;
[a, b] = [b, a];
console.log(a) //输出2
console.log(b) //输出1

2. 使用扩展运算符复制数组

扩展运算符（spread operator）可以轻松地将一个数组复制到另一个数组中：

const arr1 = [1, 2, 3];
const arr2 = [...arr1];
console.log(arr2); //输出 [1, 2, 3]

3. 使用Array.from()方法来转换类数组对象

Array.from()方法可以将一个类数组对象（如 NodeList 和 arguments 对象）转换为真正的数组：

const nodeList = document.querySelectorAll('div');
const arr = Array.from(nodeList);

4. 使用Array.reduce()计算数组中元素之和

Array.reduce()方法可以将数组中的元素累加起来并返回总和：

const arr = [1, 2, 3];
const total = arr.reduce((acc, cur) => acc + cur, 0);
console.log(total); //输出6

5. 多重条件运算符实现简单的if-else逻辑

多重条件运算符（ternary operator）可以帮助我们在一行中实现简单的 if-else 逻辑：

const age = 18;
const isAdult = age >= 18 ? '成年人' : '未成年人';
console.log(isAdult); //输出'成年人'

6. 使用Array.filter()方法过滤数组元素

Array.filter()方法可以帮助我们过滤数组中的元素，并返回一个新的数组：

const arr = [1, 2, 3];
const filteredArr = arr.filter(item => item > 1);
console.log(filteredArr); //输出 [2, 3]

7. 使用Array.map()方法将数组元素进行转换

Array.map()方法可以帮助我们将数组中的元素进行转换，并返回一个新的数组：

const arr = [1, 2, 3];
const mappedArr = arr.map(item => item * 2);
console.log(mappedArr); //输出 [2, 4, 6]

8. 使用Array.every()方法判断数组元素是否满足条件

Array.every()方法可以帮助我们判断数组中的每个元素是否都满足特定条件：

const arr = [1, 2, 3];
const result = arr.every(item => item > 0);
console.log(result); //输出 true

9. 使用Array.some()方法判断数组是否存在特定元素

Array.some()方法可以帮助我们判断数组中是否存在特定的元素：

const arr = [1, 2, 3];
const result = arr.some(item => item > 2);
console.log(result); //输出 true

以上就是“让你5分钟掌握9个JavaScript小技巧”的完整攻略。希望对你有所帮助！