数组扁平化的方法

定义:

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

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

   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]
  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值