數組的扁平化是指將多維數組轉換成一位數組。

let arr = [ [1, 2, 2], [6, [11, 12 ]], 10]; //多維數組
let flatArr = [1, 2, 2, 6, 11, 12, 10]; // 一維數組

遞歸方法

function flatten(arr){
  let flatArr = [];
  for(let i=0; i<arr.length; i++){
    let item = arr[i];
    if(Array.isArray(item)){ // 如果item還是數組，遞歸調用函數
      flatArr = flatArr.concat( flatten(item) )
    }else{ // item不是數組直接push進新的數組
      flatArr.push( item )
    }
  }
  return flatArr
}

用數組的reduce方法來簡化遞歸操作

function flatten(arr){
  let flatArr = arr.reduce((prev, next) => {
    return prev.concat( Array.isArray(next)? flatten(next):next )
  }, [])
  return flatArr
}

用數組的toString或者join方法

toString方法會將數組轉化成移逗號隔開的字符串，join方法其實是重現了toString方法，但是可以給join方法提供一個參數，這個參數用來分隔生成的字符串。

let arr = [ [1, 2, 2], [6, [11, 12 ]], 10];
function flatten(arr){
  let strArr = arr.toString(); // 先將數組轉化成字符串 "1,2,2,5,11,12,10"
  return strArr.split(',') // 再用split方法將字符串變成數組 
}
function flatten(arr){
  let strArr = arr.join(','); // join方法有和toString方法一樣的效果
  return strArr.split(',') // 這里只要保證給split的參數和join的參數一樣就行了
}

用es6數組的flat方法

let arr = [ [1, 2, 2], [6, [11, 12 ]], 10];
let flatArr = arr.flat(); // [1, 2, 2, 6, 11, 12, 10]

利用loadsh工具庫

let arr = [ [1, 2, 2], [6, [11, 12 ]], 10];
_.flatten(arr); // flatten方法只能減少一級嵌套深度
// [1, 2, 2, 6, [11, 12], 10]

_.flattenDeep(arr); // flattenDeep方法不管數組有多少層，都會處理成一層
// [1, 2, 2, 6, 11, 12, 10]

_.flattenDepth(arr, depth); // flattenDepth會根據提供的depth來減少數組的嵌套層數
_.flattenDepth(arr, 1); // [1, 2, 2, 6, [11, 12], 10]
_.flattenDepth(arr, 2); // [1, 2, 2, 6, 11, 12, 10]