Array Flat 和 flatMap 新增功能（ES9 特性）-JavaScript中文网-JavaScript教程资源分享门户

在 ES9 中，Array 增加了两个非常有用的方法：flat 和 flatMap。这两个方法可以帮助我们更加方便地处理多维数组和数组中的对象。本文将详细介绍这两个方法的使用方法和示例。

flat 方法

flat 方法可以将多维数组展开为一维数组。它的语法如下：

array.flat([depth])

其中，depth 参数指定要展开的维度，默认为 1，即只展开一层。如果需要展开全部维度，可以传入一个大于或等于数组嵌套层数的数值。

下面是一个使用 flat 方法的示例：

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

在上面的示例中，flat 方法将嵌套的多维数组展开为一维数组。

flatMap 方法是 flat 方法的加强版，它可以在展开数组的同时对每个元素进行处理，并返回一个新的数组。它的语法如下：

array.flatMap(callback(currentValue[, index[, array]])[, thisArg])

其中，callback 参数是一个函数，用于对每个元素进行处理。它的返回值将被添加到新的数组中。thisArg 参数则是 callback 函数中 this 的值。

下面是一个使用 flatMap 方法的示例：

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

在上面的示例中，flatMap 方法将每个元素乘以 2 并添加到新的数组中。

flat 和 flatMap 方法是 ES9 中非常有用的新增功能，它们可以帮助我们更加方便地处理多维数组和数组中的对象。在实际开发中，我们可以根据具体需求选择使用哪个方法。需要注意的是，这两个方法都是 ES9 中新增的，不支持低版本浏览器和 Node.js。

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