js数组扁平化

原创 2017年08月12日 21:00:59

参考自JavaScript专题之数组扁平化

数组的扁平化,就是将一个嵌套多层的数组 array (嵌套可以是任何层数)转换为只有一层的数组。

var arr = [1, [2, [3, 4]]];
//扁平化之后:[1,2,3,4];
  • 递归
    循环数组元素,如果还是一个数组,就递归调用该方法
function flatten(arr){
    var res = [];
    for(var i=0;i<arr.length;i++){
        if(Array.isArray(arr[i])){
            res = res.concat(flatten(arr[i]));
        }else{
            res.push(arr[i]);
        }
    }
    return res;
}
  • reduce
    使用reduce来简化代码:
function flatten(arr){
    return arr.reduce(function(prev,item){
        return prev.concat(Array.isArray(item)?flatten(item):item);
    },[]);
}
  • toString
    如果数组的元素都是数字,那么我们可以考虑使用 toString 方法,因为:
    toString会将数组中的数以逗号形式结合起来。
[1, [2, [3, 4]]].toString() // "1,2,3,4"

toString之后再split转成数组,并将其转换回数字:

function flatten(arr){
    return arr.toString().split(',').map(function(item){
        return +item;
    })
}

但是这种场景只适用于数组内全部是数字的情况,因为中间是全部转换为字符串了。

  • ES6扩展运算符
function flatten(arr){
    while(arr.some(item=>Array.isArray(item)){
        arr = [].concat(...arr);
    }
    return arr;
}

由于扩展运算符一次只能展开一层数组:

var arr = [1, [2, [3, 4]]];
console.log([].concat(...arr)); // [1, 2, [3, 4]]

因此考虑只要数组中还有数组,就使用扩展运算符展开一次。

版权声明:本文为博主原创文章,未经博主允许不得转载。

[Javascript Practice] 数组扁平化处理

可用方法 var array=[1,[3,[4],[5,[6,7]],8],[9,[10]]]; var newarray=[]; function flat(array,newarr...
  • linjiayuqazwsx
  • linjiayuqazwsx
  • 2015年11月30日 12:56
  • 1873

数组扁平化和去重

数组扁平化和去重
  • ganyingxie123456
  • ganyingxie123456
  • 2017年09月12日 17:30
  • 359

数组扁平化

var arr=[1,2,[3,2,3],[34,43,33],5,6]; //方法一:数据类型转换 var add=arr.join(",").split(",")// 或者:var add=...
  • zhongFengNing
  • zhongFengNing
  • 2017年08月28日 21:38
  • 158

js如何实现数组扁平化

首先让我们思考一个这样的题目;假如有一个数组arr = var arr = [1, [2, 3, [4]]];,我们怎么能把arr变成[1, 2, 3, 4]呢?即让多维数组降维,转换为只有一层的数组...
  • original_heart
  • original_heart
  • 2017年12月26日 21:49
  • 122

JS扁平化数组代码

var arr = ['a', ['b', 'c', ['e', 'f']]]; function flatMerge(arr) {     var rtnArr = [];  ...
  • Seryt
  • Seryt
  • 2017年05月05日 09:07
  • 530

JS数组扁平化、去重、排序

在网上看到一个校招题目,已知一个数组var arr = [[1, 3, 2, 1],[5, 3, 4, 8, 5, 6, 5],[6, 2, 8, 9, [4, 11, 15, 8, 9, 12, [...
  • qq_27626333
  • qq_27626333
  • 2017年09月13日 15:30
  • 353

小图标扁平化

  • 2015年07月11日 23:59
  • 3.87MB
  • 下载

JS数组扁平化处理的几种方法

数组扁平化,取出嵌套数组中的所有元素放到一个数组中, 如:[1,[2,[[3,4],5],6]] = > [1,2,3,4,5,6]。 总结几种方法实现扁平化处理,总结的顺序由难到易,也是自己思考...
  • MrGreenHand
  • MrGreenHand
  • 2017年12月06日 10:00
  • 101

JavaScript对嵌套数组做扁平化处理

使用JavaScript对嵌套数组做扁平化处理
  • esir82
  • esir82
  • 2017年06月04日 10:55
  • 780

Math.prototype.concat详解及二维数组扁平化方法

当concat的参数不为数组时var arr1 = ['a', 'b', 'c']; var arr2 = arr1.concat([1,2],4,5);//这里[1,2],4,5不是数组 conso...
  • u012657197
  • u012657197
  • 2017年08月31日 10:20
  • 153
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js数组扁平化
举报原因:
原因补充:

(最多只允许输入30个字)