js中多维数组转一维

Posted 2020-10-15 ESnail

 

　　法一：使用数组map()方法，对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。

let arr = [1,[2,[[3,4],5],6]];
function oneDimensionalArray (arr) {
        let arr1 = (arr + ‘‘).split(‘,‘); // 将数组转字符串后再以逗号分隔转为数组
        let arr2 = arr1.map(function(x){
            return Number(x);
        });
        return arr2;
}
console.log(oneDimensionalArray(arr));

　　法二：使用apply结合concat，缺点是只能将二维转一维，多维数组就不对了。

let arr = [1,[2,3],[4,5]];
console.log([].concat.apply([],arr));

　　法三：将数组转为字符串再转为数组，缺点是数组中每项成字符串了

let arr = [1,[2,[[3,4],5],6]];
let arr2 = arr.join(‘,‘).split(‘,‘);
console.log(arr2);//["1", "2", "3", "4", "5", "6"]

//或

let c=[1,3,4,5,[6,[0,1,5],9],[2,5,[1,5]],[5]];
console.log(c.toString().split(‘,‘))

　　法四：递归

let arr = [1, [2, [[3, 4], 5], 6]];
let newArr = [];

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

　　法五：reduce+递归

    use strict‘;
    let arr = [1,[2,[[3,4],5],6]];
    const flatten = arr => arr.reduce(
            (acc,val) => acc.concat(Array.isArray(val)? flatten(val):val),[]
    )
    console.log(flatten(arr));//[1, 2, 3, 4, 5, 6]