当前位置: 代码迷 >> 综合 >> es6 flat() flatMap()平铺数组
  详细解决方案

es6 flat() flatMap()平铺数组

热度:53   发布时间:2024-02-06 10:36:59.0

es6 flat() flatMap()平铺数组

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


const a = [1,2,[5,3],['a','b']]
cosnt b = a.flat()  // [1,2,5,3,'a','b']

2.可以传参数 平铺几维数组 如果不知道是多少层 可以传Infinity

const c = [1,2,['a','b','c'],[2,['e','r']]]
const d = c.flat() //[1, 2, "a", "b", "c", 2,['e','r']] 
const e = c.flat(3) // [1, 2, "a", "b", "c", 2, "e", "r"]
const e = c.flat(Infinity) // [1, 2, "a", "b", "c", 2, "e", "r"]

3.如果原数组有空位,flat()方法会跳过空位,但是不过滤undefinednull、以及空字符串

const a = [1,2,[5,3],,['a','b'],undefined,null,1,'',4]cosnt b = a.flat()  // [1, 2, 5, 3, "a", "b", undefined, null, 1, "", 4]

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


[2, 3, 4].flatMap((x) => [x, x * 2])]  // [2, 4, 3, 6, 4, 8] 先执行map 再执行 flat