在前端开发中，我们经常需要处理数组数据。数组中可能会存在嵌套的数组，这时候我们需要将嵌套的数组扁平化为一个一维数组。在 ES6 中，我们可以使用 Array.prototype.flat 方法进行数组扁平化。而在 ES2021 中，新增了 Array.prototype.flatMap 方法，可以更方便地实现数组扁平化。
Array.prototype.flatMap 方法
Array.prototype.flatMap 方法是在 ES2019 中引入的，但是在 ES2021 中进行了一些修改。该方法会对原数组的每个元素执行一个回调函数，并将回调函数的返回值扁平化为一个新数组。flatMap 方法返回的新数组是一个一维数组，不会包含嵌套的数组。
flatMap 方法的语法如下：
arr.flatMap(callback(currentValue[, index[, array]])[, thisArg])
其中，callback 函数接收 3 个参数：
- currentValue：当前元素的值。
- index（可选）：当前元素的索引。
- array（可选）：原数组本身。
flatMap 方法会将 callback 函数的返回值扁平化为一个新数组。如果 callback 返回的是一个数组，那么这个数组会被扁平化为一维数组。如果 callback 返回的是 undefined，那么这个值会被忽略。
使用 Array.prototype.flatMap 方法扁平化数组
下面是一个示例，演示如何使用 Array.prototype.flatMap 方法扁平化数组：
-- -------------------- ---- -------
----- --- - --- -- --- ----
----- ------- - ------------------ -- -
-- --------------------- -
------ -----
- ---- -
------ -------
-
---
--------------------- -- --- -- -- --在这个示例中，我们定义了一个数组 arr，其中包含了一个嵌套的数组。我们使用了 flatMap 方法，并传入了一个回调函数。
在回调函数中，我们判断了当前元素是否是一个数组。如果是一个数组，那么直接返回这个数组。如果不是一个数组，那么将这个元素放入一个新数组中返回。
最终，我们得到了一个一维数组 flatArr，其中包含了原数组中的所有元素。
总结
Array.prototype.flatMap 方法可以更方便地实现数组扁平化。在回调函数中，我们可以对每个元素进行一些处理，并将处理结果返回。如果返回的是一个数组，那么这个数组会被扁平化为一维数组。
在实际开发中，我们可以使用 Array.prototype.flatMap 方法来处理嵌套的数组数据，将其扁平化为一个一维数组，方便进行后续的操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6513c53a95b1f8cacdc32a16