js多层嵌套的数组扁平化处理

数组

将多层嵌套的数组做扁平化处理
例如：
类似于将 let arr = [1， 2， 3， [4， [5， 6， [7]，8]]，9] 处理成 [1， 2， 3， 4， 5， 6， 7，8，9]

---

---

方法一：递归

function flattenArr (arr) {
  let arr03 = []
  arr.forEach(item => {
    if (Array.isArray(item)) {
      arr03 = arr03.concat(flattenArr(item))
    } else {
      arr03.push(item)
    }
  })
  return arr03
}

其中代码G4第四行判断item是否为数组的方法

可以参考：https://www.cnblogs.com/banyuege/p/16964369.html

---

---

方法二：toString（） ---局限性比较大 只能返回同一种数据类型

function flattenArr (arr) {
  return arr.toString().split(',')
  // return arr.toString().split(',').map(item  => {
  //   return Number(item)
  // })
}

此方法有较大局限性因为没有遍历的过程 返回的只能是同一个数据类型 Number 或者 String

---

---

方法三： 数组原型上的flat（）

arr.flat(Infinity)

解析

数组自带flat方法，可以用于数组扁平化处理flat()参数默认为：1，即默认只处理一层，可以通过传入Number型参数来自定义拉平数组层数，使用 Infinity作为参数，可展开任意深度的嵌套数组；此外数组flat方法会自动过滤掉空项；

详情可参考：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/flat

---

---

方法四：使用数组的reduce（）

  return arr.reduce((total, item) => {
    return total.concat(Array.isArray(item) ? flattenArr(item) : item )
  }, [])
}

解析：

数组提供reduce的方法

**Array.reduce((previousValue, currentValue, currentIndex, array) => { /* … */ }, initialValue)
该方法接收函数作为入参，第二参数是初始值；
reduce的函数（第一个参数）包含四个参数（如上**开头的代码片段），前两个为必参数，后两个为非必须参数：
previousValue ： 上一次调用定义的方法 返回的值
currentValue ： 当前值
currentIndex : 当前值索引
array ： 用于遍历的数组

详情参考：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce