在 JavaScript 中，数组是一种常见的数据类型，但是有时候我们需要将嵌套的数组展开成一维数组，这就是所谓的 flatten 数组。在 ES7 中，我们可以使用 Array.prototype.flatMap 方法来实现这个功能。
什么是 Array.prototype.flatMap 方法
Array.prototype.flatMap 方法是 ES7 中新增的一个数组方法，它的作用是将数组中的每个元素通过回调函数进行处理，然后将处理结果合并成一个新的数组。这个方法和 Array.prototype.map 方法类似，但是它还有一个特殊的功能，就是可以自动展开嵌套的数组。
如何使用 Array.prototype.flatMap 方法实现 flatten 数组
使用 Array.prototype.flatMap 方法实现 flatten 数组非常简单，我们只需要在回调函数中判断当前元素是否为数组，如果是数组，则调用 Array.prototype.flatMap 方法递归展开数组，否则直接返回当前元素即可。下面是一个示例代码：
----- --- - --- --- --- --- --- ----- ----- ------- - ---------------- -- ------------------- - -------------------- -- -------- - ------ --------------------- -- --- -- -- -- -- --
在上面的代码中，我们首先定义了一个嵌套数组 arr，然后使用 Array.prototype.flatMap 方法递归展开数组。在回调函数中，我们首先判断当前元素是否为数组，如果是数组，则调用 Array.prototype.flatMap 方法递归展开数组，否则直接返回当前元素。最终得到的 flatArr 就是展开后的一维数组。
深入理解 Array.prototype.flatMap 方法
除了展开嵌套的数组，Array.prototype.flatMap 方法还有很多其他的用途。下面是一些常见的用法：
1. 数组过滤
我们可以在回调函数中进行数组过滤，只返回符合条件的元素。下面是一个示例代码：
----- --- - --- -- -- -- --- ----- ----------- - ---------------- -- ---- - - --- - - ------ - ---- ------------------------- -- --- --
在上面的代码中，我们首先定义了一个数组 arr，然后使用 Array.prototype.flatMap 方法进行数组过滤。在回调函数中，我们判断当前元素是否为偶数，如果是偶数，则返回一个包含当前元素的数组，否则返回一个空数组。最终得到的 filteredArr 就是过滤后的数组。
2. 数组映射
我们可以在回调函数中对数组元素进行映射，返回映射后的结果。下面是一个示例代码：
----- --- - --- -- --- ----- --------- - ---------------- -- ------ ---- - ---- ----------------------- -- --- -- -- -- -- --
在上面的代码中，我们首先定义了一个数组 arr，然后使用 Array.prototype.flatMap 方法进行数组映射。在回调函数中，我们返回一个包含当前元素和当前元素乘以 2 的数组。最终得到的 mappedArr 就是映射后的数组。
总结
在 ES7 中，Array.prototype.flatMap 方法是一个非常有用的数组方法，它可以自动展开嵌套的数组，并且还可以进行数组过滤和数组映射等操作。在实际开发中，我们可以使用这个方法来简化代码，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6607f048d10417a22268e14c