ES6之数字flat、flatMap

2021-07-09  本文已影响0人  行走在黑夜下的舞者

我们都知道当面对一些多维数组转化成一维数组的时候都比较麻烦,但es6的flat方法就会帮我们节约很多时间,而且对原数据也不会有影响。

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

在上面代码中,原数组的成员里面有一个数组,flat()方法将子数组的成员取出来,添加在原来的位置。

flat()默认只会“拉平”一层,如果想要“拉平”多层的嵌套数组,可以将flat()方法的参数写成一个整数,表示想要拉平的层数,默认为1

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

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

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

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

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

如果原數組有空位,也會跳過空位

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

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

[1,2,3,4].flatMap(row => [row, row*2])  // [1,2,2,4,3,6,4,8] 相當於 [[1, 2], [2, 4], [3, 6], [4, 8]]

flatMap僅僅只能展開一層數組

上一篇下一篇

猜你喜欢

热点阅读