数组扁平化

最新推荐文章于 2022-02-23 19:39:27 发布

qq_40198520

最新推荐文章于 2022-02-23 19:39:27 发布

阅读量146

点赞数

本文链接：https://blog.csdn.net/qq_40198520/article/details/114523148

版权

本文详细介绍了将多维数组转化为一维数组的四种常见方法：递归、toString()与split()结合、reduce()以及扩展运算符。通过实例展示了每种方法的实现过程，帮助理解数组扁平化的不同思路，并提供了代码示例。

摘要由CSDN通过智能技术生成

数组扁平化就是将一个多维数组转化为一维度数组，如：[1,2,[[3,4],5,[6,7]]]——>[1,2,3,4,5,6,7]
把这个问题可以看作一个算法题…第一时间想到遍历数组，如果遍历到的这一元素是数组就递归遍历这个元素，如果不是则将该元素添加到结果数组。

方法一：递归

var arr=[1,2,[[3,4],5,[6,7]]];
var res=[];
function test(arr){
    for(let i=0;i<arr.length;i++){
    if(Array.isArray(arr[i])){
       test(arr[i]);
    }else{
        res.push(arr[i]);
    }
}
    return res;
}
console.log(test(arr));//[1,2,3,4,5,6,7]

方法二：toString()&split()

let arr = [1,2,[[3,4],5,[6,7]]];
let res=arr.toString().split(',').map(n=>+n);
console.log(res);

方法三：reduce()

reduce()实现数组的累积作用。
reduce(a,b)参数前者是回调函数，后者是累积量的初始值。以下函数实现了累加功能

var temp=[1,2,3,4];
console.log(temp.reduce((res,n)=>{return res+n},0));//10

var arr=[1,2,[[3,4],5,[6,7]]];
function test(arr){
return arr.reduce((res,n)=>{return res.concat(Array.isArray(n)?test(n):n)},[]);
}
console.log(test(arr));

方法四：扩展运算符

some()是对数组中每一项运行给定函数，如果该函数对任一项返回true，则返回true。
扩展运算符可以将二维数组[1,2,3,[4,5]]转换为一维数组[1,2,3,4,5]。

var arr=[1,2,[[3,4],5,[6,7]]];
function test(arr) {
    while(arr.some(item=>Array.isArray(item))) {
        arr = [].concat(...arr);
    }//如果元素有数组就转换为1维，如果还有再继续转换
    return arr;
}