ECMAScript 2018：Array.prototype.flat() 和 Array.prototype.flatMap() 方法解析

在 ECMAScript 2018 中，引入了两个新的数组方法 Array.prototype.flat() 和 Array.prototype.flatMap()，这两个方法可以让我们更加方便地对数组进行操作。本文将详细介绍这两个方法的含义、用法，以及其学习和指导意义。

Array.prototype.flat()

含义

Array.prototype.flat() 方法用于将多层数组扁平化为一层数组。也就是说，将多维数组转换为一维数组。该方法的参数为一个可选的整数值，表示要扁平化的层数。

用法

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

上述代码中，arr 为一个多维数组，通过 flat() 方法将其扁平化为一维数组，并将结果赋值给 flatArr 变量。在打印 flatArr 变量时，可以看到 flat() 方法只扁平化了一层，因为默认参数为 1。

指导意义

Array.prototype.flat() 方法让我们可以更加方便地处理多层数组，减少代码复杂度，提高代码可读性。

Array.prototype.flatMap()

含义

Array.prototype.flatMap() 方法与 Array.prototype.map() 方法类似，不同的是，该方法会先执行映射处理，然后将处理结果扁平化为一维数组。该方法的参数是一个函数，该函数用于返回一个新的数组，该数组会被映射后扁平化。

用法

const arr = [1, 2, 3];
const flatMapArr = arr.flatMap((num) => [num * 2]);
console.log(flatMapArr); // [2, 4, 6]

上述代码中，arr 为一个普通的数组，通过 flatMap() 方法将其映射为一个每个元素都乘以 2 后的新数组，然后将其扁平化为一维数组，并将结果赋值给 flatMapArr 变量。

指导意义

Array.prototype.flatMap() 方法与 Array.prototype.map() 方法相比，在某些情况下可以减少代码复杂度，提高代码效率。

总结

Array.prototype.flat() 和 Array.prototype.flatMap() 方法为我们提供了更加方便的数组操作方式，在处理多层数组、映射处理等方面具有较大的帮助。需要注意的是，在使用这些方法时，要注意参数的正确使用和函数的实现细节。

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