实现多维数组扁平化

如[1,2,[3,4,[5]]] ---> [1,2,3,4,5]方法1,使用Arrary.flat()方法实现

[[1], [2, [3, [4, 5]]]].flat(Infinity) 
// [1,2,3,4,5]
[[1], [2, [3, [4, 5]]]].flat(1) 
// 传入降维的数字得到想要实现的数组
// [ 1, 2, [ 3, [ 4, 5 ] ] ]

方法2,自己通过递归实现数组扁平化。通过递归方式对数组遍历,每次遍历判断元素是否是Array,是继续遍历,否返回元素,遍历结束即获得一个新的数组,例子如下:

// 通过map实现
function flat(arr) {
  let res = [];
  res = arr.map(value => {
    if (Array.isArray(value)) {
      return flat([...value], deep - 1);
    } else {
      return value;
    }
  });

  return [].concat(...res);
}
//通过reduce实现
function flat2(arr, deep = 1) {
  let res = [];
  if (deep > 0) {
    res = arr.reduce((pre, cur) => {
      return Array.isArray(cur)
        ? pre.concat(flat2(cur, deep - 1))
        : pre.concat(cur);
    }, []);
  } else {
    res = arr.slice();
  }

  return res;
}

实现Array数组扁平化方法。通过对flat2方法改进,传入一个deep参数控制遍历深度,从而控制降维的深度,实现如下:

function myFlat(arr, deep = 1) {
  if (arr === null || !arr.length) return [];
  let res = [];
  if (deep > 0) {
    res = arr.reduce((acc, cur) => {
      return Array.isArray(cur)
        ? acc.concat(myFlat(cur, deep - 1))
        : acc.concat(cur);
    }, []);
  } else {
    res = arr.slice();
  }

  return res;
}

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

console.log(myFlat(arr, Infinity)); // [1,2,3,4,5]

console.log(myFlat(arr, 1)); // [ 1, 2, [ 3, [ 4, 5 ] ] ]

以上就是自己面试过程中遇到的问题,记录下来分享给大家。

  • 25
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

华子Code1024

您的认可与打赏是我创作的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值