ES6 引入的新数组方法

ES6 为 JavaScript 数组提供了多个新的方法，使其变得更加强大、灵活和易于操作。以下是 ES6 中引入的新数组方法的列表：

1. map()

map() 方法创建一个新数组，其结果是原始数组中的每个元素都调用指定函数后的返回值。

示例：

const numbers = [1, 2, 3, 4, 5];
const doubled = numbers.map(num => num * 2); // [2, 4, 6, 8, 10]

2. filter()

filter() 方法创建一个新数组，其中包含通过指定函数的测试的所有元素。

示例：

const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter(num => num % 2 === 0); // [2, 4]

3. reduce()

reduce() 方法对数组中的所有元素进行累加计算，并返回单个值。

示例：

const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((total, num) => total + num); // 15

4. find()

find() 方法返回通过指定函数的测试的数组的第一个元素的值，如果没有值返回 undefined。

示例：

const numbers = [1, 2, 3, 4, 5];
const evenNumber = numbers.find(num => num % 2 === 0); // 2

5. findIndex()

findIndex() 方法返回通过指定函数的测试的数组的第一个元素的索引，如果没有值返回 -1。

示例：

const numbers = [1, 2, 3, 4, 5];
const evenNumberIndex = numbers.findIndex(num => num % 2 === 0); // 1

6. includes()

includes() 方法检查数组中是否包含特定元素，如果包含返回 true，否则返回 false。

示例：

const numbers = [1, 2, 3, 4, 5];
const isContains = numbers.includes(3); // true

7. some()

some() 方法测试数组中是否至少有一个元素通过指定函数的测试。如果数组中有至少一个元素通过测试，则返回 true，否则返回 false。

示例：

const numbers = [1, 2, 3, 4, 5];
const isHasEvenNumber = numbers.some(num => num % 2 === 0); // true

8. every()

every() 方法测试数组中的所有元素是否通过指定函数的测试。如果数组中的所有元素都通过测试，则返回 true，否则返回 false。

示例：

const numbers = [1, 2, 3, 4, 5];
const isAllEvenNumbers = numbers.every(num => num % 2 === 0); // false

9. Array.from()

Array.from() 方法从类数组对象或可迭代对象创建一个数组。

示例：

const nodeList = document.querySelectorAll('li');
const listItems = Array.from(nodeList);

10. Array.of()

Array.of() 方法创建一个由任意参数组成的数组。

示例：

const numbers = Array.of(1, 2, 3, 4, 5);

结束语

ES6 提供了各种强大的新数组方法，可以帮助我们更轻松、高效地操作 JavaScript 数组。以上是其中的十个方法，使用它们可以让你的代码更简洁、更易于维护。