数组的扁平化方法总结

数组的扁平化:将一个嵌套多层的数组转换为一个只有一层的数组

比如有一个数组扁平化的方法flatten

var arr=[1,[2,[3,4]]];
flatten(arr);//[1,2,3,4]

实现数组扁平化的方法:

(1)循环+递归

function flatten(arr){
    var result=[];
    for(var i=0;i<arr.length;i++){
        if(Array.isArray(arr[i])){
            result=result.concat(flatten(arr[i]));//注意
        }else{
            result.push(arr[i]);
        }
    }
    return result;
}

(2)归并方法:reduce

function flatten(arr){
   return arr.reduce(function(prev,next){
       console.log(prev);
        return prev.concat(Array.isArray(next)?flatten(next):next);
   },[]);//reduce的第二个参数:作为归并基础的初始值
}

(3)ES6:...扩展运算符
...,用于取出参数对象的所有可遍历属性,拷贝到当前对象中

function flatten(arr){
  while(arr.some(item=>Array.isArray(item))){
      arr=[].concat(...arr);
      console.log(arr);
  }
  return arr;
}

(4)toString方法,有很大局限性,只适用于数组元素全部为数字的情况下。
toString,返回一个分割的扁平字符串

[1,[2,[3,4]]].toString();//[1,2,3,4]
function flatten(arr){
    return arr.toString().split(",").map(function(item){
        return +item;//一元加运算符,对数值型不产生影响,对非数值型,会像Number一样对这个值进行转换
    });
}

参考:JavaScript专题之数组扁平化 #36

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值