数组的扁平化方法总结

Love The Way You Lie 2022-05-22 05:24 178阅读 0赞

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

比如有一个数组扁平化的方法`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][JavaScript_ _36]

[JavaScript_ _36]: https://github.com/mqyqingfeng/Blog/issues/36

发表评论取消回复

表情：

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

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

相关阅读

相关数组扁平化的方法

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

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

相关扁平化数组的几种方法（将多为数组转换成一维数组）

function flat(arr) { var result = []; for(var i=0; i<arr.length; i++

客官°小女子只卖身不卖艺/ 2023年06月03日 15:59/ 0 赞/ 559 阅读

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

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

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

相关 php多维数组扁平化处理,JS数组扁平化(flat)方法总结详解

需求:多维数组=>一维数组 let ary = \[1, \[2, \[3, \[4, 5\]\]\], 6\]; let str = JSON.stringify(ary

快来打我*/ 2022年11月18日 04:51/ 0 赞/ 279 阅读

相关数组的扁平化处理

将多维数组转换为一维数组示例数组： const arr = \[1,\[2,\[3,\[4,5\]\]\]6\] 方法一：使用 flat const arr1 = a

ゝ一世哀愁。/ 2022年09月16日 01:26/ 0 赞/ 166 阅读

相关数组扁平化的几种方法

数组扁平化的几种方法什么叫数组扁平化？ > 就是将多维数组变为一维数组 reduce toString & split join & split

「爱情、让人受尽委屈。」/ 2022年08月29日 10:09/ 0 赞/ 175 阅读

相关数组的扁平化方法总结

数组的扁平化：将一个嵌套多层的数组转换为一个只有一层的数组比如有一个数组扁平化的方法`flatten` var arr=[1,[2,[3,4]]]; fl

Love The Way You Lie/ 2022年05月22日 05:24/ 0 赞/ 179 阅读

相关数组的扁平化处理

数组扁平化就是把二维三维。。。数组转化成一维普通数组。官方提供的方法是flat flat函数默认参数是1，可以将二维数组转化成一维数组，以此类推参数是2可以将三维数组转化

爱被打了一巴掌/ 2022年03月06日 15:54/ 0 赞/ 208 阅读

相关运用js实现数组的扁平化

一、数组的扁平化 1. 数组的扁平化是将一个多维数组变为一个一维数组 2. 核心思想：遍历数组arr，若arr\[i\] 为数组则递归遍历，直到arr\[i\]不为数

我不是女神ヾ/ 2021年12月17日 02:45/ 0 赞/ 286 阅读

相关 JS数组扁平化(flat)方法总结详解

需求:多维数组=>一维数组 let ary = [1, [2, [3, [4, 5]]], 6]; let str = JSON.stringify(ary)

叁歲伎倆/ 2021年07月04日 13:43/ 0 赞/ 361 阅读