ES6的flat和flatMap数组扁平化

走出半生的少年

已于 2022-07-29 17:00:48 修改

阅读量737

点赞数

分类专栏： es6 文章标签： javascript 前端 es6

于 2022-07-15 13:49:13 首次发布

本文链接：https://blog.csdn.net/m0_55258023/article/details/125802877

版权

二维数组，三维数组，四维数组...扁平化转换一维数组

flat()

定义：展平数组，默认展平一层，返回展平后的数组，不改变原数组。

默认是拉平一层数组，如果想拉平多层数组，可以在flat()的参数配置参数例如：2，3

使用 Infinity作为参数，可展开任意深度的嵌套数组。

也就是说不管有多少层嵌套，都要转成一维数组，可以用Infinity关键字作为参数。

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

flatMap()

flatMap()方法对原数组的每个成员执行一个函数（相当于执行Array.prototype.map()）。

然后对返回值组成的数组执行flat()方法。

该方法返回一个新数组，不改变原数组。

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

代码展示

  let arr1 = [1, [2, 3, 4], 5]
        //默认是拉平一层数组，如果想拉平多层数组，可以在flat()的参数配置
        console.log(arr1.flat()); //[1, 2, 3, 4, 5]

        let arr2 = [1, [2, 3, 4], 5, [6, 7, 8]]
        console.log(arr2.flat(2)); // [1, 2, 3, 4, 5, 6, 7, 8]


        /