js将数组扁平化二维数组变一维数组

第一种-- Es6 扩展运算符

var a=[1,2,3,4,[5,6]];
console.log([].concat(...a));
// [1, 2, 3, 4, 5, 6]

扩展运算符只能展开一层数组，考虑数组中是否还有数组，有则用扩展运算符展开一次。

第二种-- 数组的join()

var a=[1,2,3,4,[5,6]];
var newArr = a.join().split(',');
console.log(newArr)
// ["1", "2", "3", "4", "5", "6"]

第三种 --flat()方法

//嵌套一层 flat(1)
var a=[1,2,3,4,[5,6]];
console.log(a.flat())//[1, 2, 3, 4, 5, 6]
//嵌套2层 flat(2)
console.log([1, [2, [3, [4, 5]]]].flat(2));//[1, 2, 3, [4, 5]]
//多层嵌套 flat(Infinity)
console.log([1, [2, [3, [4, 5]]]].flat(Infinity)); // [1, 2, 3, 4, 5]
//flat()还可以跳过空位
console.log([1, [2, , 3]].flat());<p> // [1, 2, 3]

第四种–递归

    var arr = [1,2,3,4,[5,6]]
    function flatten(arr){ 
        var res = []; // 存放转化后的一维数组
        for(var i=0;i<arr.length;i++){
            if(Array.isArray(arr[i])){
                res = res.concat(flatten(arr[i]));
            }else{
                res.push(arr[i]);
            } 
        } 
        return res; 
    }
    console.log(flatten(arr))

1. Array.isArray(object) --------参数：object 必需,(要测试的对象)。返回值：如果 object 是数组，则为 true；否则为 false。 如果 object 参数不是对象，则返回 false。
2. push()与concat()的区别

push()是在原数组的基础上修改的，执行push()方法后原数组的值也会变，在原数组后面添加值；若操作concat()的是一个数组先把原数组的每个值复制到一个新/另的数组，然后在新/另数组上进行操作，所以不会改变原数组的值。

如果参数不是数组，不管参数个数有多少个，push()和concat()都会直接把参数添加到数组后；如果参数是一个数组，push()就会直接把数组添加到原数组后，而concat()会把数组里的值取出来添加到原数组后。