二维数组数据变成一维数组

最新推荐文章于 2025-07-12 19:22:33 发布

原创最新推荐文章于 2025-07-12 19:22:33 发布 · 7.7k 阅读

CC 4.0 BY-SA版权

文章标签：

35 篇文章

订阅专栏

本文探讨了如何将二维数组转换为一维数组，包括使用ES5的concat和reduce，ES6的flat方法，以及利用map和filter实现。同时，还介绍了递归方法处理多维数组转化，并给出了各种方法的具体输出结果。

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

在处理多数组组合时，经常要拼接成一个数组，今天我们一起聊聊数组的转变，主要聊聊二维变一维吧

1、用es5的reduce和concat组合

var list = [
  [111,222,3333,444],
  [555,666,777],
  [888],
  [999,1213]
]
var lists = list.reduce((a,b) => a.concat(b))
console.log(lists)

输出结果：
在这里插入图片描述

2、用ES6的flat扁平处理

var list = [
  [111,222,3333,444],
  [555,666,777],
  [888],
  [999,1213]
]
var lists = list.flat()
console.log(lists)

输出结果：
在这里插入图片描述

3、用apply实现

var list = [
  [111,222,3333,444],
  [555,666,777],
  [888],
  [999,1213]
]
var lists = [].concat.apply([],list)
console.log(lists)

输出结果：
在这里插入图片描述

4、用call实现

var list = [
  [111,222,3333,444],
  [555,666,777],
  [888],
  [999,1213]
]
var lists = [].concat.call([],...list)
console.log(lists)

输出结果：
在这里插入图片描述

5、用递归实现多维数组转化为一维数组

在这里插入图片描述
输出结果：

6、针对于简单的多维数组的转化

var list = [
  [111,222,3333,444],
  [555,666,777,[123]],
  [888],
  [999,1212]
]
var lists = (list + '').split(',')
console.log(lists.map(Number))

在这里插入图片描述