随着前端技术的不断发展，ECMAScript 2021（ES12）已经发布了。这个版本的 JavaScript 带来了很多新特性和改进，其中包括对数组的扩展和优化。在本文中，我们将深入了解这些新特性和改进，并且提供一些示例代码来帮助你更好地理解和使用它们。
1. 数组的 flat 方法
在 ES5 中，我们可以使用 concat 方法来将多个数组合并成一个数组。但是，如果数组中还有嵌套数组，我们需要递归地使用 concat 方法，这会很麻烦。在 ES6 中，我们可以使用 spread 运算符来简化这个过程，但是它只能展开一层嵌套。在 ES12 中，我们可以使用 flat 方法来展开任意深度的嵌套数组。
const arr = [1, [2, [3, [4]]]]; const flattened = arr.flat(Infinity); console.log(flattened); // [1, 2, 3, 4]
在上面的代码中，我们使用了 flat 方法来展开 arr 数组中的嵌套数组。Infinity 参数表示展开任意深度的嵌套数组。
2. 数组的 flatMap 方法
flatMap 方法是 map 方法和 flat 方法的组合。它首先对数组中的每个元素应用一个函数，然后将结果展开成一个新数组。
const arr = [1, 2, 3]; const mapped = arr.flatMap(x => [x * 2]); console.log(mapped); // [2, 4, 6]
在上面的代码中，我们使用了 flatMap 方法将 arr 数组中的每个元素乘以 2，并将结果展开成一个新数组。
3. 数组的 fill 方法
fill 方法可以用来填充数组中的元素。它接受三个参数：要填充的值、起始索引和结束索引。如果省略起始索引和结束索引，则默认填充整个数组。
const arr = new Array(5).fill(0); console.log(arr); // [0, 0, 0, 0, 0]
在上面的代码中，我们使用了 fill 方法来创建一个长度为 5 的数组，并将所有元素都填充为 0。
4. 数组的 find 和 findIndex 方法
find 方法可以用来查找数组中满足条件的第一个元素。它接受一个函数作为参数，该函数返回一个布尔值。如果函数返回 true，则表示找到了符合条件的元素，find 方法返回该元素，否则返回 undefined。
const arr = [1, 2, 3, 4, 5]; const found = arr.find(x => x > 3); console.log(found); // 4
在上面的代码中，我们使用了 find 方法找到了数组中第一个大于 3 的元素。
findIndex 方法与 find 方法类似，但是它返回符合条件的第一个元素的索引，而不是元素本身。
5. 数组的 includes 方法
includes 方法可以用来判断数组中是否包含某个元素。它接受一个参数，表示要查找的元素。如果找到了该元素，则返回 true，否则返回 false。
const arr = [1, 2, 3, 4, 5]; console.log(arr.includes(3)); // true console.log(arr.includes(6)); // false
在上面的代码中，我们使用了 includes 方法来判断数组中是否包含某个元素。
6. 数组的 copyWithin 方法
copyWithin 方法可以用来在数组内部复制元素。它接受两个参数：要复制的元素的目标位置和源位置。如果省略源位置，则默认为 0。如果省略目标位置，则默认为从源位置开始到数组末尾。
const arr = [1, 2, 3, 4, 5]; arr.copyWithin(1, 3); console.log(arr); // [1, 4, 5, 4, 5]
在上面的代码中，我们使用了 copyWithin 方法将数组中索引为 3 的元素开始复制到索引为 1 的位置。
结论
在本文中，我们介绍了 ECMAScript 2021（ES12）中对 JavaScript 数组的扩展和优化。这些新特性和改进可以让我们更方便地处理数组，并提高我们的代码效率。希望本文能够对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675c2eb9e5138b92228064e9