方法一、apply结合concat拉平数组
let arr=[[1,2,3],[4,5],[6]];
console.log([].concat.apply([],arr));
//输出 [1, 2, 3, 4, 5, 6]
上面的方法是使用apply结合concat,缺点是只能将二维转一维,多维数组就有问题了
方法二、ES6新增数组扩展 flat()
[1, 2, [3, 4]].flat()
flat()默认只会“拉平”一层,如果想要“拉平”多层的嵌套数组,可以将flat()方法的参数写成一个整数,表示想要拉平的层数,默认为1。
如果我们不知道数组究竟层级有多深我们可以用Infinity关键字作为参数
[1, [2, [3]]].flat(Infinity)
// [1, 2, 3]
1.扁平化n维数组
1.终极篇
[1,[2,3]].flat(2) //[1,2,3]
[1,[2,3,[4,5]].flat(3) //[1,2,3,4,5]
[1,[2,3,[4,5]]].toString() //'1,2,3,4,5'
[1[2,3,[4,5[...]].flat(Infinity) //[1,2,3,4...n]
Array.flat(n)是ES10扁平数组的api,n表示维度,n值为Infinity时维度为无限大
2.开始篇
function flatten(arr) {
while(arr.some(item=>Array.isArray(item))) {
arr = [].concat(...arr);
}
return arr;
}
flatten([1,[2,3]]) //[1,2,3]
flatten([1,[2,3,[4,5]]) //[1,2,3,4,5]
实质是利用递归和数组合并方法concat实现扁平