flat() 多维数组"拉平",变成一维数组

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

var arr = [
    {name:'小白'},
    [
        {name:"小黄"},
        [
            {name:"小黑"},
        ]
    ]
]
//flat()默认只会“拉平”一层，拉平多层可以将flat()方法的参数写成一个整数，表示想要拉平的层数。
arr.flat(); // => 拉平一层
[
    {name:'小白'},
    {name:"小黄"},
    [
        {name:"小黑"},
    ]
]

//如果不管有多少层嵌套，都要转成一维数组，可以用Infinity关键字作为参数。
arr.flat(Infinity); // => 不管多少层，都要转成一维数组
[
    {name:'小白'},
    {name:"小黄"},
    {name:"小黑"},
]

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

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


//flatMap()只能展开一层数组。
// 相当于 [[[2]], [[4]], [[6]], [[8]]].flat()
[1, 2, 3, 4].flatMap(x => [[x * 2]]); // => [[2], [4], [6], [8]]
//上面代码中，遍历函数返回的是一个双层的数组，但是默认只能展开一层，因此flatMap()返回的还是一个嵌套数组。

//flatMap()方法的参数是一个遍历函数，该函数可以接受三个参数，分别是当前数组成员、当前数组成员的位置（从零开始）、原数组。