js多维数组变一维的几种方法

最新推荐文章于 2025-03-23 18:42:32 发布

Largemage

最新推荐文章于 2025-03-23 18:42:32 发布

阅读量1k

点赞数

分类专栏： javascript 文章标签： ES6 前端 javascript 数组

本文链接：https://blog.youkuaiyun.com/qq_24286421/article/details/102716979

版权

javascript 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了四种将JavaScript多维数组转换为一维数组的方法：使用concat+apply，join+split，递归，以及ES6的flat方法。其中，concat+apply仅适用于二维数组，join+split会改变数据类型为字符串，递归可能导致内存溢出，而flat方法简洁但需要ES6支持。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一种方法：concat+apply

var arr = [1,[2,3],[4,5]];
var newArr = [].concat.apply([],arr);

解释：利用apply以数组方式传参的特性以及concat原生的多数组合并特性，相当于concat([],[1],[2,3],[4,5])。
缺点：只能二维转一维。

第二种方法：join+split

var arr = [1,[2,[[3,4],5],6]];
var newArr = arr.join(',').split(',');

解释：利用join将数组中所有元素放入一个字符串，再用split分割。
缺点：数字类型变成字符串类型

第三种方法：递归

var arr = [1,[2,[[3,4],5],6]];
var newArr = [];
function fun(arr){
    for(var i=0;i<arr.length;i++){
        if(Array.isArray(arr[i])){
            fun(arr[i]);
        }else{
            newArr.push(arr[i]);
        }
    }
}
fun(arr);

解释：利用isArray判断是否存在嵌套数组，存在则递归，不存在则放入新的一维数组中。
缺点：不优雅，以及可能存在内存溢出问题。

第四种方法：flat

var arr = [1, 2, [3, 4, [5, 6]]];
var newArr=arr.flat(Infinity);

解释：利用ES6的flat与Infinity关键字，一行代码实现递归的功能。
缺点：需要浏览器支持ES6，或者使用Polyfill进行转码。