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...

JS扁平化数组代码

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

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

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

数组扁平化和去重

数组扁平化和去重

java:多线程、并发相关问题

Java内存模型Java 内存模型规定和指引Java 程序在不同的内存架构、CPU 和操作系统间有确定性地行为。它在多线程的情况下尤其重要。Java内存模型对一个线程所做的变动能被其它线程可见提供了保...

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

在网上看到一个校招题目,已知一个数组var arr = [[1, 3, 2, 1],[5, 3, 4, 8, 5, 6, 5],[6, 2, 8, 9, [4, 11, 15, 8, 9, 12, [...

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

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

Docker扁平化网络如何实现?

研发背景   众所周知,Docker容器跨主机互访一直是一个问题,Docker官方为了避免网络上带来的诸多麻烦,故将跨主机网络开了比较大的口子,而由用户自己去实现。目前Docker跨主机的网络实...

扁平化后台管理 Bootstrap、HTML5、CSS3 Java

1. 导出 导入 excel 文件 获取【下载地址】    2  导出word文件 3. IO 流上传下载文件 4. 群发邮件,可以发html、纯文本格式,可以发给任意邮箱(实现批量发送广告...

Button的几种常用的xml背景,扁平化,下划线,边框包裹,以及按压效果

标签: xml标准 2016-11-15 10:06 456人阅读 评论(0) 收藏 举报  分类: Android(110)  版权声明:本文为博主原创文章,博客...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js数组扁平化
举报原因:
原因补充:

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