ES7 引入的三个数组实例方法：想看懂代码，学这三个方法就够了
在 JavaScript 中，数组是最常用的数据结构之一。它提供了许多实用的方法，用于操作数组元素。ES7 引入了三个新的数组实例方法：includes()、flat() 和flatMap()。这三个方法在代码开发中非常实用，学习掌握它们可以给我们编写更加优雅的代码。
- includes()
includes() 方法用于判断数组中是否包含指定元素。它的语法如下：
array.includes(element, start)
其中，element 是要查找的元素，start 是可选参数，指定开始查找的索引值。如果数组中包含指定元素，返回 true，否则返回 false。
示例代码：
const arr = [1, 2, 3, 4, 5]; console.log(arr.includes(3)); // true console.log(arr.includes(6)); // false console.log(arr.includes(2, 2)); // false
上述代码中，第一行定义了一个包含 5 个元素的数组。第二行使用 includes() 方法查找指定元素 3，并输出结果。第三行使用 includes() 方法查找不存在的元素 6，并输出结果。第四行使用 includes() 方法从索引值为 2 的位置开始查找元素 2，结果为 true。
- flat()
flat() 方法用于将多维数组转化为一维数组。它的语法如下：
array.flat(depth)
其中，depth 是可选参数，指定要转化为一维数组的深度。如果不指定 depth，则默认为 1，即将多维数组转化为一维数组。如果指定 depth 为 Infinity，则会将所有嵌套的数组都转化为一维数组。
示例代码：
const arr = [1, [2, [3, 4]]]; console.log(arr.flat()); // [1, 2, [3, 4]] console.log(arr.flat(1)); // [1, 2, [3, 4]] console.log(arr.flat(2)); // [1, 2, 3, 4] console.log(arr.flat(Infinity)); // [1, 2, 3, 4]
上述代码中，第一行定义了一个包含 2 个元素的数组，其中第二个元素是一个嵌套数组。第二行使用 flat() 方法转化为一维数组，结果包含一个嵌套数组。第三行使用 flat() 方法指定深度为 1，结果与第二行相同。第四行使用 flat() 方法指定深度为 2，结果将嵌套数组中的元素都转化为一维数组。第五行使用 flat() 方法指定深度为 Infinity，结果与第四行相同。
- flatMap()
flatMap() 方法的作用与 map() 方法类似，用于对数组中的每个元素执行指定操作，并将结果存储到新的数组中。与 map() 方法不同的是，flatMap() 方法能够处理嵌套数组，并将结果平铺为一维数组。它的语法如下：
array.flatMap(callback)
其中，callback 是用于处理数组元素的函数，它可以返回一个值或一个数组。flatMap() 方法会对数组中的每个元素执行该函数，将返回值存储到一个新的数组中，并最终将所有结果平铺为一维数组。
示例代码：
const arr = [1, 2, 3]; console.log(arr.flatMap(x => [x * 2])); // [2, 4, 6] console.log(arr.flatMap(x => [[x * 2]])); // [[2], [4], [6]]
上述代码中，第一行定义了一个包含 3 个元素的数组。第二行使用 flatMap() 方法对数组中的每个元素都乘以 2，返回一个新的数组，最终平铺为一维数组。第三行使用 flatMap() 方法将每个元素都乘以 2，并将返回值作为一个嵌套数组的元素存储到新的数组中，最终平铺为一维数组。
总结
三个数组实例方法——includes()、flat() 和 flatMap()——都是 ES7 引入的新方法，它们在代码开发中非常实用，学习掌握它们可以让我们编写更加优雅的代码。includes() 方法用于判断数组中是否包含指定元素，flat() 方法用于将多维数组转化为一维数组，flatMap() 方法用于对数组中的每个元素执行指定操作，并将结果存储到新的数组中。希望这篇文章能够让大家更好地理解和掌握这三个有用的数组实例方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c8c22a5ad90b6d04149c59