js 数组扁平化

2021-09-26

扁平化：将多层嵌套的数组转换成只有一层的数组

使用数组的flat方法
根据mdn的解释，flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回

let arr1 = [0, 1, 2, [3, 4]];
console.log(arr1.flat());//[0,1,2,3,4]

let arr2 = [0, 1, 2, [[[3, 4]]]];
console.log(arr2.flat(2));//[0,1,2,[3,4]]
console.log(arr2.flat(3))//[0,1,2,3,4]

使用reduce

let arr = [0, 1, 2, [[[3, 4]]]];

function flatten(arr) {
    return arr.reduce((prev, curr) => prev.concat(Array.isArray(curr) ? flatten(curr) : curr), [])
}

let newArr = flatten(arr)
console.log(newArr)//[0,1,2,3,4]

使用…扩展运算符

let arr = [0, 1, 2, [[[3, 4]]]];

function flatten(arr) {
    while (arr.some(item => Array.isArray(item))) {
        arr = [].concat(...arr)
    }
    return arr
}

let newArr = flatten(arr)
console.log(newArr)//[0,1,2,3,4]