数组扁平化的几种实现方式

7 篇文章 0 订阅
4 篇文章 0 订阅

数组扁平化

数组扁平化其实挺有用的,在项目业务开发中,后台传过来的数据通常都是带有嵌套的。
比如我们实现获得拥有多级的评论数据列表,获得其中评论数的话,我们这时候可以将其扁平化,再进行计算。

let arr = [
  [1, 2, 2],
  [3, 4, 5, 5],
  [6, 7, 8, 9, [11, 12, [12, 13, [14]]]], 10
]
//ES6方法直接实现
arr = arr.flat(Infinity)
//通过toString 方法处理
arr = arr.toString().split(',').map(item => parseFloat(item));
arr = JSON.stringify(arr).replace(/(\[|\])/g, '').split(',').map(item => parseFloat(item));
/**
 * 循环验证是否为数组
 */
while (arr.some(item => Array.isArray(item))) {
  //这样可以去掉一层数组嵌套,所以不断循环,可以把内部嵌套的数组一套套删掉
  arr = [].concat(...arr)
}
//自己实现数组的flat的api

(function () {
  function myFlat() {
    let result = [],
      _this = this;
    let fn = (arr) => {
      for (let i = 0; i < arr.length; i++) {
        let item = arr[i];
        if (Array.isArray(item)) {
          fn(item);
          continue
        }
        result.push(item);
      }
    };
    fn(_this)
    return result;
  }
  Array.prototype.myFlat = myFlat
})
arr = arr.myFlat();

例如输入15

结果为[[1,2,3,4,5],[4,5,6],[7,8]]

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值