ES7 引入的三个数组实例方法：快速掌握 Array.prototype.includes/flat/fill 方法

在 ES7 中，引入了三个新的数组实例方法，分别是 Array.prototype.includes、Array.prototype.flat 和 Array.prototype.fill。这些新方法可以让我们更加方便地操作数组，尤其是处理多维数组时更加方便。本文将详细介绍这三个方法的用法和示例。

Array.prototype.includes

Array.prototype.includes 方法用于判断数组中是否包含某个值。它返回一个布尔值，表示该值是否在数组中。

语法：

array.includes(valueToFind[, fromIndex])

• valueToFind：要查找的值。
• fromIndex：开始查找的位置，默认为 0（从数组开始处查找）。

示例：

const array = [1, 2, 3, 4];
console.log(array.includes(2)); // true
console.log(array.includes(6)); // false

Array.prototype.flat

Array.prototype.flat 方法用来将多维数组转成一维数组。

语法：

array.flat([depth])

• depth：要展开的层数，默认为 1。

示例：

const arr1 = [1, 2, [3, 4]];
console.log(arr1.flat()); // [1, 2, 3, 4]

const arr2 = [1, 2, [3, [4, 5]]];
console.log(arr2.flat()); // [1, 2, 3, [4, 5]]
console.log(arr2.flat(2)); // [1, 2, 3, 4, 5]

Array.prototype.fill

Array.prototype.fill 方法用来填充数组。

语法：

array.fill(value[, start[, end]])

• value：要填充的值。
• start：开始填充的位置，默认为 0。
• end：结束填充的位置，默认为数组的长度。

示例：

const array = [1, 2, 3, 4];
console.log(array.fill(0)); // [0, 0, 0, 0]
console.log(array.fill(5, 1, 3)); // [0, 5, 5, 0]

总结

通过本文的介绍，我们了解了 ES7 引入的三个数组实例方法，分别是 Array.prototype.includes、Array.prototype.flat 和 Array.prototype.fill。这些方法可以让我们在处理数组时更加方便。在实际的开发中，我们也可以根据具体情况来选择使用哪个方法。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ca26945ad90b6d0419e06f