JS扁平化数组的六种方法

const arr = [1, [2, [3, 4, 5]]]

// 递归实现
const 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));

// reduce 函数迭代
const reduceFlatten = (arr) => {
   return arr.reduce((prev, next) => {
      // reduce 每次运行 reducer 都会将铅元素的计算结果作为参数进行传入
      return prev.concat(Array.isArray(next) ? reduceFlatten(next) : next)
   }, [])
}

console.log(reduceFlatten(arr));

// 扩展运算符
// 判断数组中是否还有数组
const extendFlatten = (arr) => {
   while (arr.some(item => Array.isArray(item))) {
      arr = [].concat(...arr)
   }
   return arr
}

console.log(extendFlatten(arr));

// split、toString
const stringFlatten = (arr) => {
   return arr.toString().split(',')
}

console.log(stringFlatten(arr));

// flat
// arr.flat([depth]) 其中 depth 是传递的数组所展开的深度 (默认不填为 1 即展开一层数组)
// 多层就可以传入 Infinity 代表不论多少层都要展开
const flatFlatten = (arr) => {
   return arr.flat(Infinity)
}

console.log(flatFlatten(arr));

// 正则和 JSON 方法
const regJFlatten = (arr) => {
   let str = JSON.stringify(arr)
   str = str.replace(/(\[|\])/g, '')
   str = '[' + str + ']'
   return JSON.parse(str)
}

console.log(regJFlatten(arr));

你可能感兴趣的:(javascript,前端,开发语言)