数组处理之数组扁平化（数组降维）

什么是数组扁平化？

数组扁平化，听起来很高级的亚子，其实就是将多维数组转换为一维数组（降维）。
例如：

[1, 2, 3, [4, 5, 6, [7, 8 ]]]
// 转换为
[1, 2, 3, 4, 5, 6, 7, 8 ]

数组扁平化的几种方法

方法1、ES6中的 flat 方法

说起 ES6 的这个新方法，我感觉还是挺好玩的。
flat(depth) 方法中的参数depth，代表展开嵌套数组的深度，默认是1，表示展开一层。也就是说你在参数项写几，就展开几层。是不是很有趣？
flat 详细说明：点这里
flat 的基本语法：

 Array.flat()

在感觉有趣的同时，又发现了一个新的问题：有时候我们不知道数组到底嵌套了几层，这该咋写呢？原来它还有把参数值设置为 Infinity，意思是无限层。这样不管有多少层嵌套都可以轻松的把数组转为一维的数组。

具体操作代码：

let arr = [1, 2, 3, [4, 5, 6, [7, 8 ]]]
let newArr = arr.flat(Infinity)
console.log(newArr); //  [1, 2, 3, 4, 5, 6, 7, 8]

方法2、 for 循环

利用 Array.isArray 方法判断，如果是数组，就再次调用该函数（递归），实现数组扁平化。
Array.isArray 详细说明： 点击这里

let arr = [1, 2, 3, [4, 5, 6, [7, 8 ]]]
    function flatten (arr) {
      let newArr = []
      for(let i = 0;i<arr.length;i++){
        if (Array.isArray(arr[i])) {
          // 如果是数组, 重新调用这个函数
          // 然后把函数的结果配合扩展运算符推到新数组中
          newArr.push(...flatten(arr[i])) 
        } else {
          // 否则就把数据添加到新数组
          newArr.push(arr[i])
        }
      };
      return newArr
    }
    console.log(flatten(arr)); 

方法3、while 循环

利用 some 遍历数组，如果是数组，配合 concat 方法，把原数组展开合并到一个新数组中。
concat 方法更多详情：点击这里

let arr = [1, 2, 3, [4, 5, 6, [7, 8 ]]]
    function flatten (arr) {
      // 利用 some，只要有一个满足就返回true
      while(arr.some(item=> Array.isArray(item))) {
        // concat: 可以合并数组
        // 如果是数组，就把他展开，合并到一个新的数组中
        arr = [].concat(...arr)
      }
      return arr
    }
    console.log(flatten(arr)); 

方法4、reduce

主要使用 reduce 。
reduce 具体的使用方法：点击这里

let arr = [1, 2, 3, [4, 5, 6, [7, 8 ]]]
    function flatten (arr) {
      // 传两个参数，第一个是开始的数据，第二个是下一个元素
      return arr.reduce((newArr, next)=> {
        // 如果下一个是数组，就再调用这个函数
        // 如果不是，直接返回这个元素
        // 初始值给一个空的数组
      }, [])
    }
    console.log(flatten(arr)); 

差不多了。如果在实际场景需要用到数组降维，推荐使用 ES6 的 flat 方法，别的方法代码太多了，影响项目体积。