ES12 中的新特性：Array.prototype.flatMap()-JavaScript中文网-JavaScript教程资源分享门户

在 ES12 中，新增了一个 Array.prototype.flatMap() 方法，它可以让我们更方便地处理数组中的嵌套数组。

什么是 Array.prototype.flatMap()？

Array.prototype.flatMap() 方法是一个组合了 map() 和 flat() 方法的新方法。它首先对数组中的每个元素执行一个映射函数，然后将结果压缩成一个新数组，最后再将嵌套数组展开到指定深度。

使用 Array.prototype.flatMap() 方法很简单，只需传入一个映射函数即可。映射函数接收三个参数：当前元素、当前索引和原始数组。

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

const result = arr.flatMap((item) => [item * 2]);

console.log(result); // [2, 4, 6, 8]

在上面的示例中，我们将每个元素都乘以 2，然后将结果压缩成一个新数组。

如果映射函数返回一个嵌套数组，那么 Array.prototype.flatMap() 方法会展开它。例如：

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

const result = arr.flatMap((item) => [[item * 2]]);

console.log(result); // [[2], [4], [6], [8]]

在上面的示例中，我们将每个元素都乘以 2，然后将结果放入一个嵌套数组中。最终，Array.prototype.flatMap() 方法会将嵌套数组展开。

Array.prototype.flatMap() 方法可以帮助我们更方便地处理数组中的嵌套数组。它可以让我们用更少的代码完成一些复杂的操作。

例如，在处理 JSON 数据时，我们经常需要将嵌套数组展开，然后进行一些操作。使用 Array.prototype.flatMap() 方法，我们可以轻松地完成这些操作。

Array.prototype.flatMap() 方法是 ES12 中的一个新特性，它可以让我们更方便地处理数组中的嵌套数组。使用它，我们可以用更少的代码完成一些复杂的操作。在实际开发中，我们可以根据具体情况选择是否使用它。

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