es6数组的flat(),flatMap()函数用法

目录

flat()

flatMap()


本文实例讲述了es6数组的flat(),flatMap()函数用法。分享给大家供大家参考,具体如下:

flat()

数组的成员有时还是数组,Array.prototype.flat()用于将嵌套的数组“降维”,变成一维数组。该方法返回一个新数组,对原数据没有影响。

[1, 2, [3, 4]].flat()
// [1, 2, 3, 4]

上面代码中,flat()的参数为2,表示要拉平两层的嵌套数组。

如果不管有多少层嵌套,都要转成一维数组,可以用Infinity关键字作为参数。

[1, [2, [3]]].flat(Infinity)
// [1, 2, 3]

如果原数组有空位,flat()方法会跳过空位。

[1, 2, , 4, 5].flat()
// [1, 2, 4, 5]

flatMap()

flatMap()方法对原数组的每个成员执行一个函数,相当于执行Array.prototype.map(),然后对返回值组成的数组执行flat()方法。该方法返回一个新数组,不改变原数组。

// 相当于 [[2, 4], [3, 6], [4, 8]].flat()
[2, 3, 4].flatMap((x) => [x, x * 2])
// [2, 4, 3, 6, 4, 8]

flatMap()只能展开一层数组。

希望能帮到大家,欢迎在评论区交流!

查看我的博客原文

猜你喜欢

转载自blog.csdn.net/chaoPerson/article/details/130542511
今日推荐