flatMap函数怎么使用

2022-10-22

array.flatmap()是javascript中的内置函数,用于将输入数组元素展平为新数组。该方法首先利用映射函数映射每个元素,然后将输入数组元素展平为一个新数组。下面我们就来看flatMap()的具体使用方法。

前端(vue)入门到精通课程:进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具:点击使用

flatMap()的基本语法为:

var A = array.flatMap(function callback(current_value, index, Array))
{
    //返回的新数组元素
}

callback:这是在三个参数的帮助下为新数组生成元素的函数,如下所示:

current_value:它是输入数组元素。

index:这是可选的。它是input元素的索引。

Array:这是可选的。它在调用数组映射时使用。

下面我们来看两个具体示例

例1:

代码如下

<script>  
var A = [ 1, 2, 3, 4, 5 ];  
b = A.map(x => [x * 3]); 
document.write(b);  
c = arr1.flatMap(x => [x * 3]); 
document.write(c);  
d = arr1.flatMap(x => [[ x * 3 ]]); 
document.write(d); 
</script>

输出结果为:

[[3],[6],[9],[12],[15]] 
[3,6,9,12,15] 
[[3],[6],[9],[12],[ 15]

例2:

代码如下

<script> 
var A = [ 1, 2, 3, 4, 5 ]; 
array.flatMap(x => [x * 3]); 
b = A.reduce((acc, x) => acc.concat([ x * 3 ]), []); 
document.write(b); 
</script>

输出结果为:[3,6,9,12,15]

本篇文章到这里就已经全部结束了,更多精彩内容大家可以关注北冥有鱼的其他相关栏目教程!!!

以上就是flatMap函数怎么使用的详细内容,更多请关注北冥有鱼其它相关文章!

本文转载自【PHP中文网】,希望能给您带来帮助,苟日新、日日新、又日新,生命不息,学习不止。

《flatMap函数怎么使用.doc》

下载本文的Word格式文档,以方便收藏与打印。