JavaScript 中箭头函数怎么在多维数组扁平化里用-js教程-PHP中文网

箭头函数不直接执行扁平化，但可简洁配合flat()、reduce()、flatmap()实现：flat()用于原生扁平后映射，reduce()用于手动递归扁平，flatmap()用于一层扁平加映射。

javascript 中箭头函数怎么在多维数组扁平化里用

箭头函数本身不直接“执行”扁平化，但它能简洁地配合 flat()、reduce()、flatMap() 等方法实现多维数组扁平化，尤其在写回调逻辑时更轻量清晰。

用 `flat()` + 箭头函数（最简方式）

flat() 是原生扁平化方法，虽然它不强制需要箭头函数，但搭配箭头函数做后续处理（比如去重、转换）很自然：

const arr = [1, [2, [3, 4]], 5];
const flatArr = arr.flat(Infinity).map(x => x * 2); // → [2, 4, 6, 8, 10]

这里 .map(x => x * 2) 就是箭头函数，紧接在扁平之后做映射——逻辑连贯，无额外函数声明。

用 `reduce()` + 箭头函数（手动递归扁平）

当需要兼容老环境（如不支持 flat()），或想自定义扁平逻辑（比如只展开数组、跳过类数组），可用 reduce 配合箭头函数递归处理：

判断当前项是否为数组：是则递归扁平，否则保留
用箭头函数写 reducer，避免 function 的冗长语法
注意：递归调用仍需命名函数或使用具名箭头函数（ES2022+ 支持）或改用普通函数

兼容写法示例（推荐用普通函数递归，箭头仅用于 reduce 回调）：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

const flatten = arr => arr.reduce((acc, item) => 
  Array.isArray(item) ? acc.concat(flatten(item)) : acc.concat(item), 
  []
);
flatten([1, [2, [3, [4]]], 5]); // → [1, 2, 3, 4, 5]

其中 (acc, item) => ... 就是箭头函数，负责每次合并逻辑，干净利落。

用 `flatMap()` + 箭头函数（一层扁平+映射）

flatMap() 先对每个元素执行映射函数（必须返回数组），再自动扁平一层。箭头函数让映射逻辑极简：

适合“展开并转换”的场景，比如把字符串拆成字符、嵌套对象提取字段
只能扁平一层，但配合多次调用或递归可扩展

例子：

const matrix = [[1, 2], [3, 4], [5]];
const flat = matrix.flatMap(row => row); // → [1, 2, 3, 4, 5]
<p>// 混合处理：展开并过滤偶数
const nums = [[1, 2], [3, 4, 5], [6]].flatMap(arr => 
arr.filter(n => n % 2 === 0)
); // → [2, 4, 6]
</p>