ES7 的 Array.prototype.includes() 方法和 Array.prototype.flat() 方法详解

在前端开发中，我们常常需要对数组进行操作。ES7 引入了两个新的数组方法 Array.prototype.includes() 和 Array.prototype.flat()，它们可以很方便地对数组进行操作。接下来，我们详细介绍这两个方法的用法和示例代码。

Array.prototype.includes()

用法

Array.prototype.includes() 方法用于判断一个数组是否包含一个指定的值，返回一个布尔值。其语法如下：

arr.includes(valueToFind[, fromIndex])

其中，valueToFind 表示要查找的值，fromIndex 表示从哪个索引开始查找，默认值为 0。

示例代码

const arr = [1, 2, 3, 4, 5];

console.log(arr.includes(3)); // true
console.log(arr.includes(6)); // false
console.log(arr.includes(1, 1)); // false
console.log(arr.includes(1, -1)); // false

指导意义

Array.prototype.includes() 方法可以很方便地判断一个数组中是否包含某个值，避免了使用 indexOf() 方法时需要判断返回值是否为 -1 的繁琐操作。同时，通过指定 fromIndex 参数，我们可以从指定的索引开始查找，提高了查找效率。

Array.prototype.flat()

用法

Array.prototype.flat() 方法用于将嵌套的数组扁平化，即将多维数组转换为一维数组。其语法如下：

arr.flat([depth])

其中，depth 表示要扁平化的层级数，默认值为 1，表示只扁平化一层。

示例代码

const arr = [1, [2, [3, 4]], 5];

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

指导意义

Array.prototype.flat() 方法可以很方便地将多维数组转换为一维数组，避免了手动遍历和拼接数组的繁琐操作。同时，通过指定 depth 参数，我们可以自由地控制扁平化的层级数，提高了代码的灵活性和可读性。

总结

ES7 的 Array.prototype.includes() 方法和 Array.prototype.flat() 方法为数组操作提供了更加方便和高效的方式。在实际开发中，我们可以根据具体需求灵活地运用这两个方法，提高开发效率和代码质量。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6576a770d2f5e1655dffed96