js之数组扁平化

扁平化就是将多维数组变为一维数组

let arr = [1, 2, 3, [4, 5, [45, 56]]]
// 直接使用数组中的方法
// console.log(arr.flat(2))默认值 1；使用 Infinity，可展开任意深度的嵌套数组

// 1.递归
function flatten(arr) {
  let res = []
  for (let i = 0; i < arr.length; i++) {
    if (Array.isArray(arr[i])) {
      res = res.concat(flatten(arr[i]))
    } else {
      res.push(arr[i])
    }
  }
  return res
}
// console.log(flatten(arr))

// 2.toString() 使用场景有限,数组元素只能是数字类型
// console.log(arr.toString().split(',').map(function (item) {
// return +item
// }))

// 3.reduce()
function flatten2(arr) {
  return arr.reduce(function (prev, next) {
    return prev.concat(Array.isArray(next) ? flatten2(next) : next)
  }, [])
}
// console.log(flatten2(arr))

// 4.扩展运算符
function flatten3(arr) {
  while (arr.some(item => Array.isArray(item))) {
    arr = [].concat(...arr)
  }
  return arr
}
// console.log(flatten3(arr))