J*aScript数组扁平化的多种实现方式_j*ascript技巧

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

JaScript数组扁平化的多种实现方式_jascript技巧

2025-11-01

浏览次数：次

返回列表

数组扁平化是将多维数组转为一维的过程，常用方法有：1. 使用flat(Infinity)实现简洁高效；2. 递归遍历兼容性好；3. reduce结合concat实现函数式风格；4. 栈模拟避免递归溢出，适用于深度嵌套。

javascript数组扁平化的多种实现方式_javascript技巧

J*aScript中数组扁平化是指将多维数组转换为一维数组的过程。例如，把[1, [2, [3, 4]]]变成[1, 2, 3, 4]。这种操作在处理嵌套数据结构时非常常见。以下是几种常用的数组扁平化方法，各有适用场景。

使用flat()方法（现代ES6+推荐）

flat()是ES2019引入的原生数组方法，用于将数组扁平化指定的层数。

参数为深度层级，Infinity可完全扁平化任意嵌套层级。
语法简洁，推荐在支持现代浏览器的项目中使用。

示例：

const arr = [1, [2, [3, [4, 5]]]];
console.log(arr.flat(Infinity)); // [1, 2, 3, 4, 5]

递归实现（兼容性好，逻辑清晰）

通过递归遍历数组元素，判断是否为数组，是则继续展开，否则推入结果。

不依赖新语法，适用于所有环境。
可自定义处理逻辑，比如跳过某些类型。

示例：

function flatten(arr) {
  let result = [];
  for (let item of arr) {
    if (Array.isArray(item)) {
      result.push(...flatten(item));
    } else {
      result.push(item);
    }
  }
  return result;
}

reduce + concat + 递归（函数式风格）

利用reduce累积结果，结合concat合并数组，实现简洁的函数式写法。

eSiteGroup站群管理系统1.0.4

eSiteGroup站群管理系统是基于eFramework低代码开发平台构建，是一款高度灵活、可扩展的智能化站群管理解决方案，全面支持SQL Server、SQLite、MySQL、Oracle等主流数据库，适配企业级高并发、轻量级本地化、云端分布式等多种部署场景。通过可视化建模与模块化设计，系统可实现多站点的快速搭建、跨平台协同管理及数据智能分析，满足政府、企业、教育机构等组织对多站点统一管控的

0 查看详情 eSiteGroup站群管理系统1.0.4

示例：

function flatten(arr) {
  return arr.reduce((acc, val) => 
    Array.isArray(val) ? acc.concat(flatten(val)) : acc.concat(val), []
  );
}

代码紧凑，适合喜欢函数式编程的开发者。
性能略低于纯循环，但可读性强。

使用栈模拟（避免递归调用栈溢出）

对于极深嵌套的数组，递归可能导致栈溢出。可用栈结构模拟递归过程，提升稳定性。

示例：

function flatten(arr) {
  const stack = [...arr];
  const result = [];

  while (stack.length) {
    const next = stack.pop();
    if (Array.isArray(next)) {
      stack.push(...next); // 展开并压入栈
    } else {
      result.push(next);
    }
  }

  return result.reverse(); // 保持原有顺序
}