数组拍平（展开层叠数组）

最新推荐文章于 2025-07-24 14:16:09 发布

原创最新推荐文章于 2025-07-24 14:16:09 发布 · 1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#拍平数组 #js #展开数组 #flat

方法1：采用递归的方法来对数组的每个元素进行操作，若该元素是个数组，则继续调用此函数并将调用返回的值 concat 到结果数组当中，否则将该元素 push 到结果数组中

function steamroller(arr) {
    let result=[];
    for(let i=0;i<arr.length;i++){
        if(Array.isArray(arr[i]))
            result=result.concat(steamroller(arr[i]));
        else{
            result.push(arr[i]);
        }
    }
    return result;

}

steamroller([1, [2], [3, [[4]]]]);        //[1,2,3,4]
steamroller([[["a"]], [["b"]]]);          //["a","b"]
steamroller([1, [["a","b"] [3, [[4]]]]);  //[1,3,4]
steamroller([1, {}, [3, [[4]]]]);         //[1,{},3,4]

方法2：调用ES6的 flat 方法

let ary = [1, [2, [3, [4, 5]]], 6];
arr = ary.flat(Infinity)

方法3：replace + split ，这种方法会使得数组内的元素类型都变成字符串

let ary = [1, [2, [3, [4, 5]]], 6];
let str = JSON.stringify(ary);
arr = str.replace(/(\[|\])/g, '').split(',')

方法4：replace + JSON.parse

let ary = [1, [2, [3, [4, 5]]], 6];
let str = JSON.stringify(ary);
str = str.replace(/(\[|\]))/g, '');
str = '[' + str + ']';
ary = JSON.parse(str);

方法5：利用 reduce 函数迭代

function flatten(ary) {
    return ary.reduce((pre, cur) => {
        return pre.concat(Array.isArray(cur) ? flatten(cur) : cur);
    }, []);
}
let ary = [1, 2, [3, 4], [5, [6, 7]]]
console.log(flatten(ary))

方法6：使用拓展运算符

//只要有一个元素有数组，那么循环继续
while (ary.some(Array.isArray)) {
  ary = [].concat(...ary);
}