怎样能使数组降维 数组扁平化？

Array.prototype.{flat,flatMap}

这个特性新创造了两个方法，其中：

• Array.prototype.flat 数组的所有项会以指定的维度降维（扁平化），然后组成新数组返回；
• Array.prototype.flatMap 首先会执行一次map()方法，然后再通过类似flat()方法扁平化数组。它等同于执行完map() 后再执行一次 flat() 方法，所以当你执行 map() 返回的结果如果是个数组，然后又要将其扁平化时，这个方法会显得方便。

来看几个例子解释一下，首先 flat()方法支持多维数组的扁平化，其中Infinity可以将多维数组压扁成一维数组。

let r;
r = ["1", ["8", ["9", ["1"]]]].flat();//4维数组，默认降维1，变成3维数组
console.log(r); //>> [ '1', '8', [ '9', ['1'] ] ]

r = ["1", ["8", ["9", ["1"]]]].flat(2); //4维数组，降维2，变成2维数组
console.log(r); //>> [ '1', '8', '9', ['1'] ]

r = ["1", ["8", ["9", ["1"]]]].flat(Infinity);//4维数组，最多变成1维数组
console.log(r); //>> [ '1', '8', '9', '1' ]

接着来看看flatMap()

let r;
r = ["I love", "coffe 1891"].map(item => item.split(" "));
console.log(r); //>> [ [ 'I', 'love' ], [ 'coffe', '1891' ] ]

r = ["I love", "coffe 1891"].flatMap(item => item.split(" "));
console.log(r); //>>[ 'I', 'love', 'coffe', '1891' ]

使用数组方法reduce解决

const a = [2, 3, 5, 7, 2, 54, [12, 432,['123','asd','be'], 12], 87, 43]
const DReduce = function(arr){
        return arr.reduce((attr,v)=>attr.concat(Array.isArray(v)?DReduc(v):v),[])
      }
 console.log(DReduce(a))  //[2, 3, 5, 7, 2, 54, 12, 432, "123", "asd", "be", 12, 87, 43]

toString方法

let arr = [12,12,342, 31,2243,[12, 12, 12],123,[12123, [12312, [1212, 3446, 5412], 1212], 354573],234];
 arr = arr.toString().split(',').map(Number)   // [12,12,342,31,123,12123,12312,1212,3446,5412,1212,354573,234]

JSON.stringify

let arr = [12,12,342, 31,2243,[12, 12, 12],123,[12123, [12312, [1212, 3446, 5412], 1212], 354573],234];
arr = JSON.stringify(arr).replace(/(\[|\])/g,'').split(',').map(Number)  
 // [12,12,342,31,123,12123,12312,1212,3446,5412,1212,354573,234]

递归

let arr = [12,12,342, 31,2243,[12, 12, 12],123,[12123, [12312, [1212, 3446, 5412], 1212], 354573],234];
// 在数组原型上添加方法
~(function () {
  function myFlat() {
    let result = [];

    let fn = (arr) => {
      for (let i = 0; i < arr.length; i++) {
        let item = arr[i];
        if (Array.isArray(item)) {
          fn(item);
        } else {
          result.push(item);
        }
      }
    };

    fn(this);
    return result;
  }

  Array.prototype.myFlat = myFlat;
})();

arr = arr.myFlat() // [12,12,342,31,123,12123,12312,1212,3446,5412,1212,354573,234]

扩展运算符

let arr = [12,12,342, 31,2243,[12, 12, 12],123,[12123, [12312, [1212, 3446, 5412], 1212], 354573],234];
while(arr.some(v=>Array.isArray(v))){
  arr = [].concat(...arr)
}

console.log(arr)// [12,12,342,31,123,12123,12312,1212,3446,5412,1212,354573,234]

以上都能使多维数组降维