基础学习:JavaScript(ES6)扁平化嵌套方法flatMap()和flat()
Array.prototype.flatMap()
flatMap() 方法首先使用映射函数映射每个元素,然后将结果压缩成一个新数组。它与 map 连着深度值为1的 flat 几乎相同,但 flatMap 通常在合并成一种方法的效率稍微高一些。
//只有一层
const arr1 = [1, 2, 3, 4,[5],6,[7]];
const res=arr1.flatMap(x =>x)
console.log(res);
//打印:(7) [1, 2, 3, 4, 5, 6, 7]
//两层时
const arr2 = [1, 2, 3, 4,[[5]],6,[[[7]]]];
const res=arr2.flatMap(x =>x)
console.log(res);
打印:[1, 2, 3, 4, [5], 6, [[7]]]
Array.prototype.flat()
flat() 方法会按照一个可指定的深度递归遍历数组,并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。
参数:depth 可选–(指定要提取嵌套数组的结构深度,默认值为 1)
返回值:一个包含将数组与子数组中所有元素的新数组。
//depth可选,默认1
const arr1 = [1, 2, 3, 4,[5],6,[7]];
console.log(arr1.flat());
//打印:(7) [1, 2, 3, 4, 5, 6, 7]
//depth---2
const arr1 = [1, 2, 3, 4,[[5]],[6],[[7]],[[8]]];
console.log(arr1.flat(2));
//打印:(7) [1, 2, 3, 4, 5, 6, 7]
//depth---Infinity 不管有多少层嵌套,都要转成一维数组
const arr1 = [1, 2, 3, 4,[[5]],[6],[[7]],[[8]],[[[[[[9]]]]]] ];
console.log(arr1.flat(Infinity));
//打印:(9) [1, 2, 3, 4, 5, 6, 7, 8, 9]
注意:如果原数组有空位,flat()方法会跳过空位。
[1, 2, , 4, 5].flat()
// [1, 2, 4, 5]
那回归本题,如何实现一个 flatMap 函数 ?
第一种:没说不让用flat;所以有个取巧的办法 const flatMap = arr => arr.flat().map(x =>x);
第二种:flat()和flatMap()本质上就是是归纳(reduce) 与 合并(concat)的操作。
letarr=[[0,1],[2,3],[4,5]];
letnewArr=arr.reduce((pre,cur)=>{returnpre.concat(cur)}, [])
console.log(newArr);// [0, 1, 2, 3, 4, 5]