数组扁平化的方法

定义：

数组扁平化就是将一个多维数组转换成一维数组

方法一：递归
思路：对数组进行遍历，然后判断每一项是否是数组，如果该项不是数组直接放入新数组，如果是数组就再次调用该函数，当数组遍历完成，返回新数组
代码如下：

   let arrFlat = [1, 2, ['sun', [
     18, 'happy'
   ], 'haha'], 21
   ]
   let flatArr = []
   function flatArrFnc(arr) {
     for(let i = 0; i<arr.length; i++) {
       // 判断某一项是否是数组
       Array.isArray(arr[i]) ? flatArrFnc(arr[i]) :flatArr.push(arr[i])
     }
     return flatArr
   }
   flatArrFnc(arrFlat)
   console.log(flatArr);
//  [1, 2, 'sun', 18, 'happy', 'haha', 21]

方法二： 利用数组的reduce方法

reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。

语法
array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

参数	描述
total	必需。初始值, 或者计算结束后的返回值。
currentValue	必需。当前元素
currentIndex	可选。当前元素的索引
arr	可选。当前元素所属的数组对象
initialValue	可选。传递给函数的初始值
代码如下：

  let arrFlat = [1, 2, ['sun', [
    18, 'happy'
  ], 'haha'], 21
  ]
  function flatArrFnc(arr) {
    return arr.reduce((total, item) => {
      return Array.isArray(item) ? total.concat(flatArrFnc(item)) : total.concat(item)
    }, [])
  }
  console.log(flatArrFnc(arrFlat));
  // [1, 2, 'sun', 18, 'happy', 'haha', 21]

方法三：利用es6的flat方法
flat(n）将每一项的数组偏平化，n默认是1,表示扁平化深度，Infinity无限次

  let arrFlat = [1, 2, ['sun', [
    18, 'happy'
  ], 'haha'], 21
  ]
  function flatArrFnc (arr) {
    return arr.flat(Infinity)
  }
 console.log(flatArrFnc(arrFlat));
 // [1, 2, 'sun', 18, 'happy', 'haha', 21]

方法四：利用扩展运算符…

  let arrFlat = [1, 2, ['sun', [
    18, 'happy'
  ], 'haha'], 21
  ]
  function flatArrFnc(arr) {
    while(arr.some(item => Array.isArray(item))) {
      arr = [].concat(...arr)
    }
    return arr
  }
  console.log(flatArrFnc(arrFlat));
  // [1, 2, 'sun', 18, 'happy', 'haha', 21]