ECMAScript 2017 中的 Array.prototype.flatMap:如何使用
在 ECMAScript 2017 中,新增了 Array.prototype.flatMap() 方法。这个方法可以将数组中的每个元素转化为一个新的值,并返回一个新的数组。
该方法在处理嵌套数组时非常有用,可以将嵌套数组中的所有值提取到一个新的数组中。
让我们看看如何使用 Array.prototype.flatMap()。
- 简单使用
首先,我们需要有一个数组。我们可以使用以下代码创建一个数组:
----- --- - --- -- -- -- ---
然后,我们可以使用 Array.prototype.flatMap() 将每个元素都乘以 2 来创建一个新的数组。
----- --------- - ------------- -- - - --- ----------------------- -- --- -- -- -- ---
上面的代码中,我们使用箭头函数将每个元素 x 都乘以 2,然后将结果存储在 doubleArr 中。最终结果是一个新的数组,其中的元素是原始数组中的每个元素乘以 2。
- 处理嵌套数组
接下来,我们将展示如何使用 Array.prototype.flatMap() 处理嵌套数组,将其扁平化为一个单一的数组。
首先,我们需要创建一个嵌套数组。我们可以使用以下代码创建嵌套数组:
----- ------------ - - -------------- -------------- -------------- -------------- -------------- ------------- --
在上面的代码中,我们创建了一个嵌套数组 phoneNumbers。该数组有 3 个元素,每个元素又是一个数组(其中包含两个字符串)。
接下来,我们可以使用 Array.prototype.flatMap() 将嵌套数组扁平化为一个单一的数组。
----- ---------------- - ------------------------- -- ------ ------------------------------ -- -------------- ------------- ------------- ------------- ------------- -------------
上面的代码中,我们使用箭头函数将每个元素都提取出来。我们可以看到,最终结果是一个单一的数组,其中包含嵌套数组中的所有值。
总结
在本文中,我们介绍了 ECMAScript 2017 中的 Array.prototype.flatMap() 方法。该方法可以将数组中的每个元素转化为一个新的值,并返回一个新的数组。我们还展示了如何使用 Array.prototype.flatMap() 处理嵌套数组,将其扁平化为一个单一的数组。
如果您正在处理嵌套数组,或者需要将数组中的每个元素转换为一个新的值,则可以使用 Array.prototype.flatMap()。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/64c1e87b83d39b48816119ea