数组降维及数组扁平化-JavaScript

数组扁平化：也就是把多维的数组，进行降维处理，降维到一个一维的数据存储空间中。

以下总结的几种方法：

首先是测试数据：

const arr1 = [11, [22, 33], 66, [77, [88, 99]], 666];
const arr2 = [11, { a: 1 }, [22, 'aa'], [44, 55], [77, [88, 99]], 666];
const arr3 = [1, [2, [3, [4, [5, 6]]]]]
const arr4 = [1,2,3,4,5,6]

方法一：arr.join().split(’,’)方法，可解决多维！

var falt1 = function (arr) {
    //join()默认以','连接
    let res = arr.join().split(',')
    return res
}
console.log(falt1(arr2))

方法二：toString().split(’,’)方法，可解决多维！

var falt2 = function (arr) {
    return arr.toString().split(',')
}
console.log(falt2(arr2))

方法三：系统flat()函数，默认拉平一层

console.log(arr1.flat())    //[ 11, 22, 33, 66, 77, [ 88, 99 ], 666 ]
//传入参数改变拉平层数
console.log(arr1.flat(2))   // [11,22,33,66,77,88,99,666]
//不管多少层，全转为一层，可以使用Infinity关键字作为参数
console.log(arr3.flat(Infinity))    //[ 1, 2, 3, 4, 5, 6 ]

方法四：递归遍历

// Array.isArray(obj) 用于确定传递的值是否是一个 Array
function flat3(arr){
    let res = []
    let len = arr.length
    for(let i=0; i<len; i++){
        if(Array.isArray(arr[i])){
            //concat返回副本
            res =  res.concat(flat3(arr[i]))
        }else{
            res.push(arr[i])
        }
    }
    return res
}
console.log(flat3(arr3))

方法五：es6展开运算符

function flat4(arr){
    //利用some(f)，f条件判断，arr是否存在数组
    while(arr.some(item => Array.isArray(item))){
        //concat会把值全部连接到[],在concat中的元素直接连接，一维数组会把数组中的值连接，多维数组中，数组中的数组会在下个循环继续降维，因此可以实现多重降维，最后得到一维数组。
        arr = [].concat(...arr);
    }
    return arr;
}
console.log(flat4(arr3))