ES6数组新增扩展全解析

ES6（ECMAScript 2015）为 JavaScript 数组引入了许多新的方法和特性，这些扩展极大地增强了数组的操作能力和灵活性。以下是 ES6 中数组新增的主要扩展：

1. 扩展运算符（Spread Operator）

• 扩展运算符 ... 可以将一个数组展开为多个元素。
• 常用于数组的合并、复制、函数参数传递等场景。

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const combined = [...arr1, ...arr2]; // [1, 2, 3, 4, 5, 6]

2. Array.from()

• 将类数组对象（如 arguments、NodeList）或可迭代对象（如 Set、Map）转换为真正的数组。

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

3. Array.of()

• 创建一个包含任意数量参数的新数组，解决了 new Array() 构造函数在传递单个数字参数时的歧义问题。

const arr = Array.of(1, 2, 3); // [1, 2, 3]
const arr2 = Array.of(3); // [3]

4. Array.prototype.find()

• 返回数组中第一个满足测试函数的元素，如果没有找到则返回 undefined。

const arr = [1, 2, 3, 4];
const found = arr.find(x => x > 2); // 3

5. Array.prototype.findIndex()

• 返回数组中第一个满足测试函数的元素的索引，如果没有找到则返回 -1。

const arr = [1, 2, 3, 4];
const index = arr.findIndex(x => x > 2); // 2

6. Array.prototype.fill()

• 用指定的值填充数组的某个区间（从起始索引到结束索引）。

const arr = [1, 2, 3, 4];
arr.fill(0, 1, 3); // [1, 0, 0, 4]

7. Array.prototype.copyWithin()

• 将数组的一部分复制到同一数组的另一个位置，并返回修改后的数组，不会改变数组的长度。

const arr = [1, 2, 3, 4, 5];
arr.copyWithin(0, 3); // [4, 5, 3, 4, 5]

8. Array.prototype.entries()

• 返回一个新的数组迭代器对象，该对象包含数组中每个索引的键值对。

const arr = ['a', 'b', 'c'];
const iterator = arr.entries();
console.log(iterator.next().value); // [0, 'a']

9. Array.prototype.keys()

• 返回一个新的数组迭代器对象，该对象包含数组中每个索引的键。

const arr = ['a', 'b', 'c'];
const iterator = arr.keys();
console.log(iterator.next().value); // 0

10. Array.prototype.values()

- 返回一个新的数组迭代器对象，该对象包含数组中每个索引的值。
```javascript
const arr = ['a', 'b', 'c'];
const iterator = arr.values();
console.log(iterator.next().value); // 'a'
```

11. Array.prototype.includes()

- 判断数组是否包含某个元素，返回布尔值。
```javascript
const arr = [1, 2, 3];
console.log(arr.includes(2)); // true
```

12. Array.prototype.flat()

- 将嵌套的数组“拉平”，返回一个新数组。可以指定拉平的层级深度。
```javascript
const arr = [1, [2, [3, [4]]];
console.log(arr.flat(2)); // [1, 2, 3, [4]]
```

13. Array.prototype.flatMap()

- 先对数组中的每个元素执行映射函数，然后将结果“拉平”一层，返回一个新数组。
```javascript
const arr = [1, 2, 3];
const result = arr.flatMap(x => [x * 2]); // [2, 4, 6]
```

14. Array.prototype[Symbol.iterator]

- 数组默认实现了迭代器协议，可以使用 `for...of` 循环遍历数组。
```javascript
const arr = [1, 2, 3];
for (const item of arr) {
  console.log(item);
}
```

15. Array.prototype[Symbol.species]

- 用于指定数组方法返回的数组的构造函数。默认情况下，数组方法返回的数组是 `Array` 的实例。

16. Array.prototype[Symbol.unscopables]

- 用于指定哪些数组方法在 `with` 语句中不可用。

总结

ES6 为数组提供了丰富的扩展，使得数组的操作更加灵活和高效。这些新特性不仅简化了代码，还提升了开发效率。在实际开发中，合理使用这些特性可以显著提高代码的可读性和可维护性。