将嵌套的数组扁平化

心已赠人 2022-05-15 03:09 183阅读 0赞

对于一个像这样的嵌套数组：a=\[1,\[2,\[3,4\]\],5,6\]我们想要把它变成一个一维数组，有下面几种方法：  
方法一 ：递归

function parseArr(arr,res){ 
        var i=0;
        for(i=0;i<arr.length;i++){ if(arr[i] instanceof Array){ parseArr(arr[i],res); }else{ res.push(arr[i]); }
        }
    }
    var a=[1,[2,[3,4]],5,6];
    var res=[];
    parseArr(a,res);
       
        
         1
         2
         3
         4
         5
         6
         7
         8
         9
         10
         11
         12
         13

方法二： 使用toString先变成一个字符串再使用split变成一个字符串数组（数组中的每个元素是一个字符串），最后使用map方法将数组中的每个元素返回为非字符串。

var arr=a.toString().split(',').map(function(ele){ 
        return +ele;
    });
    alert(typeof arr[0]);  //number
       
        
         1
         2
         3
         4

方法三: 使用reduce和concat方法

Array.prototype.flatten=function(){ 
        return this.reduce(function(prev, cur) { 
            var moreArr = [].concat(cur).some(Array.isArray);  //判断cur是不是一个数组
            return prev.concat(moreArr ? cur.flatten() : cur);
        },[]);
    };
    var arr=a.flatten();
       
        
         1
         2
         3
         4
         5
         6
         7

参考资料：  
[前端面试：将嵌套的js数组转化为一维数组的许多种办法][js]

[三种常用的js数组去重方法][js 1]

[js]: https://hcyue.me/2015/06/06/nested-array-to-one-dimensional-array/
[js 1]: http://blog.csdn.net/yangkai_hudong/article/details/22858723

发表评论取消回复

表情：

评论列表（有 0 条评论，183人围观）

还没有评论，来说两句吧...

相关阅读

相关数组扁平化输出

> 编写代码实现数组扁平化输出，例如：输入\[\[1,2,3,\[4,5,6,\[7,8\]\]\],\[9,10\],\[11,12,\[13\]\],5\] 输出为\[1,

我会带着你远行/ 2024年04月08日 11:11/ 0 赞/ 79 阅读

相关数组扁平化的方法

什么是“数组扁平化” 用简单的话来说，就是将一个多维数组变为一个一维数组。例如，将数组\[1, 2, \[3, \[4, 5\]\], \[6, 7\]\]扁平化处理后输出

港控/mmm°/ 2024年03月02日 09:42/ 0 赞/ 80 阅读

相关数组扁平化(数组展开)

第一种：flat() let arr1=[1,2,['a','b','c'],3]; console.log(arr1.flat()); ![在这里插入图片

矫情吗；*/ 2023年10月11日 13:07/ 0 赞/ 57 阅读

相关数组扁平化

概念：用于将嵌套多层的数组“拉平”，变成一维的数组方法一：通过concat将二维数组转化为一维数组原理：通过将扩展运算符，将数组内部展开，并通过concat连接两个

Myth丶恋晨/ 2023年10月06日 16:03/ 0 赞/ 13 阅读

相关数组扁平化 && 对象扁平化

目录 1. 数组扁平化 1.1 toString + split 1.2 reduce

我就是我/ 2022年11月26日 01:39/ 0 赞/ 205 阅读

相关 JS 数组扁平化

数组扁平化是什么呢？举例的话就是 \[1,2,\[3,4\],\[5\]\] => \[1,2,3,4,5\]；将一个多维数组变为一个一维数组。实现方法如下： 1、red

ゞ浴缸里的玫瑰/ 2022年10月26日 12:59/ 0 赞/ 177 阅读

相关将嵌套的数组扁平化

对于一个像这样的嵌套数组：a=\[1,\[2,\[3,4\]\],5,6\]我们想要把它变成一个一维数组，有下面几种方法：方法一：递归 function pa

心已赠人/ 2022年05月15日 03:09/ 0 赞/ 184 阅读

相关 JS数组扁平化

一道笔试题，将一个嵌套数组扁平化处理。 ▍题目 > 将\[1,2,\[3,\[4,5\]\]\]转化成\[1,2,3,4,5\]。 ▍方法一：递归

朱雀/ 2022年05月12日 05:44/ 0 赞/ 221 阅读

相关 js 数组扁平化

第一种 > 依次把每一项添加进新数组 > 如果为非数组，直接添加 > 如果为数组，则添加递归操作的结果 function flatten(ar

亦凉/ 2022年01月19日 02:25/ 0 赞/ 256 阅读

相关数组扁平化

今天看到了数组扁平化处理，犹记得之前面试被问到过，下面介绍一下数组扁平化处理的几种形式：题目要求： / 将数组 arr = [1,2,3,4,[5

谁借莪１个温暖的怀抱￠/ 2021年09月29日 14:58/ 0 赞/ 308 阅读