js数组扁平化的方法（flat）汇总

怒放的生命1991

于 2020-10-29 19:46:29 发布

阅读量1k

点赞数 2

分类专栏：数组扁平化文章标签：数组扁平化数组

本文链接：https://blog.csdn.net/qq_34507902/article/details/109367541

版权

数组扁平化专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文总结了JavaScript中数组扁平化的flat方法，并提供了五种不同的实现方式：flat()函数、字符串替换拼接、递归、reduce方法和扩展运算符。通过实例展示了如何使用这些方法将嵌套数组转化为单一层次的数组。

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

js数组扁平化的方法（flat)方法的总结：

/* 
* js数组扁平化的方法（flat)方法的总结
*/
/* 
*方法1：
*/
let arr=[1,[2,34,[4,5]]];
let str=JSON.stringify(arr);// [1,[2,34,[4,5]]]
// 方式1：flat()
console.log(arr.flat(Infinity));//[1, 2, 34, 4, 5]
// 方式2：字符串替换拼接序列化
str=str.replace(/(\[|\])/g,'');
console.log(str,JSON.parse("["+str+"]"));//1,2,34,4,5 ?[1, 2, 34, 4, 5]
//方式3：递归
function getFlatArr(arr){
    let res=[];
    function fn(arr){
        for(let i=0;i<arr.length;i++){
            if(Array.isArray(arr[i])){
                fn(arr[i])
            }else{
                res.push(arr[i])
            }
        }
    }
    fn(arr);
    return res
}
console.log(getFlatArr(arr));//[1, 2, 34, 4, 5]
//方式4：reduce实现数组的flat方法
function flatten(arr){
    return arr.reduce((pre,cur)=>{
      return  pre.concat(Array.isArray(cur)?flatten(cur):cur)
    },[])
}
console.log(flatten(arr));
//方式5：扩展运算符   每次展开一层
while(arr.some(Array.isArray)){
    arr=[].concat(...arr)
}
console.log(arr);