什麼是數組扁平化？

數組扁平化就是将一個多元數組轉換為一個一維數組

實作基本方式

1、對數組的每一項進行周遊。

2、判斷該項是否是數組。

3、如果該項不是數組則将其直接放進新數組。

4、是數組則回到1，繼續疊代。

5、當數組周遊完成，傳回這個新數組。

1.正常方式 遞歸處理

Array.prototype.flatten = function () {
  var resultArr = [];
  var len = this.length;
  for (var i = 0; i < len; i ++) {
    if (Array.isArray(this[i])) {
        resultArr = resultArr.concat(this[i].flatten());
    } else {
      resultArr.push(this[i]);
    }
  }
  return resultArr;
}
var arr=[1,2,3,[4,5,'hello',['world',9,666]]]
console.log(arr.flatten())//[1, 2, 3, 4, 5, "hello", "world", 9, 666]

           

2.使用reduce方法

Array.prototype.flatten = function () {
  return this.reduce(function (prev, cur, curIndex, arr) {
      return Array.isArray(cur) ? prev.concat(cur.flatten()) : prev.concat(cur); 
  }, []);
}


           

3. yield*的用法，天才級别的扁平化方式

function* iterTree(tree){
      if(Array.isArray(tree)){
          for(let i = 0 ;i<tree.length;i++){
              yield* iterTree(tree[i]);
          }
      }else{
          yield tree;
      }
  }
　let arr1 = [1, 2, ['a', 'b', ['中', '文', [1, 2, 3, [11, 21, 31]]]], 3];
  let list=[]
for (const x of iterTree(arr1)) {
    list.push(x)
  }
  console.log(list);//[1, 2, "a", "b", "中", "文", 1, 2, 3, 11, 21, 31, 3]


           

4. es6中的flat函數也可以實作數組的扁平化

let arr1 = [1,2,['a','b',['中','文',[1,2,3,[11,21,31]]]],3];
 console.log( arr1.flat( Infinity ) ); 


           

5. 擴充運算符

//ES6 增加了擴充運算符，用于取出參數對象的所有可周遊屬性，拷貝到目前對象之中：

var arr = [1, [2, [3, 4]]];
console.log([].concat(...arr)); // [1, 2, [3, 4]]
//我們用這種方法隻可以扁平一層，但是順着這個方法一直思考，我們可以寫出這樣的方法：

// 改進
var arr = [1, [2, [3, 4]]];

function flatten(arr) {

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

    return arr;
}

console.log(flatten(arr))