在 ECMAScript 2017 中，JavaScript 数组的一些重要变化被引入了。在本文中，我们将介绍这些变化，包括一些示例代码，以便您更好地理解这些变化的含义和实际应用。
1. Array.prototype.includes()
Array.prototype.includes() 方法用于判断一个数组是否包含某个值。这个方法返回一个布尔值，如果数组中包含指定的值，则返回 true，否则返回 false。
const arr = [1, 2, 3, 4, 5]; console.log(arr.includes(3)); // true console.log(arr.includes(6)); // false
在之前的版本中，我们需要使用 Array.prototype.indexOf() 方法来判断一个数组是否包含某个值，但是这个方法有一些缺点。首先，它返回的是一个索引值，而不是一个布尔值。其次，它无法判断数组中是否包含 NaN，因为 NaN 在 JavaScript 中是不等于任何值的。
2. Array.prototype.flat()
Array.prototype.flat() 方法用于将多维数组转换为一维数组。这个方法可以接受一个可选参数，用于指定要展开的层数。如果没有指定参数，则默认展开所有层。
const arr = [1, [2, 3], [4, [5, 6]]]; console.log(arr.flat()); // [1, 2, 3, 4, [5, 6]] console.log(arr.flat(1)); // [1, 2, 3, 4, [5, 6]] console.log(arr.flat(2)); // [1, 2, 3, 4, 5, 6]
在之前的版本中，我们需要使用递归函数来将多维数组转换为一维数组，但是这个方法比较麻烦，而且容易出错。
3. Array.prototype.flatMap()
Array.prototype.flatMap() 方法用于将一个数组中的每个元素转换为一个新数组，并将所有新数组合并为一个数组。这个方法可以接受一个可选参数，用于指定要展开的层数。如果没有指定参数，则默认展开所有层。
const arr = [1, 2, 3]; console.log(arr.flatMap(x => [x * 2])); // [2, 4, 6]
在之前的版本中，我们需要使用 Array.prototype.map() 方法和 Array.prototype.concat() 方法来实现类似的功能，但是这个方法比较麻烦，而且容易出错。
4. Array.prototype.fill()
Array.prototype.fill() 方法用于将一个数组中的所有元素替换为指定的值。这个方法可以接受两个可选参数，用于指定替换的起始位置和结束位置。如果没有指定这两个参数，则默认替换整个数组。
const arr = [1, 2, 3, 4, 5]; console.log(arr.fill(0)); // [0, 0, 0, 0, 0] console.log(arr.fill(0, 1, 3)); // [1, 0, 0, 4, 5]
在之前的版本中，我们需要使用 for 循环和赋值语句来实现类似的功能，但是这个方法比较麻烦，而且容易出错。
5. Array.prototype.copyWithin()
Array.prototype.copyWithin() 方法用于将一个数组中的一段元素复制到另一个位置。这个方法可以接受两个可选参数，用于指定复制的起始位置和结束位置。如果没有指定这两个参数，则默认复制整个数组。
const arr = [1, 2, 3, 4, 5]; console.log(arr.copyWithin(0, 3)); // [4, 5, 3, 4, 5] console.log(arr.copyWithin(1, 3, 4)); // [4, 4, 3, 4, 5]
在之前的版本中，我们需要使用 for 循环和赋值语句来实现类似的功能，但是这个方法比较麻烦，而且容易出错。
结论
在 ECMAScript 2017 中，JavaScript 数组的一些重要变化被引入了。这些变化包括 Array.prototype.includes()、Array.prototype.flat()、Array.prototype.flatMap()、Array.prototype.fill() 和 Array.prototype.copyWithin() 方法。这些方法可以帮助我们更方便地处理数组，提高我们的编程效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675d8513e1dcc5c0fa3dc8df