本文共 1092 字，大约阅读时间需要 3 分钟。

JavaScript 数组方法——flat() 和 flatMap()

了解如何将多维数组转换为低维数组，提升代码处理效率

在 JavaScript 中，数组的flat() 和 flatMap() 方法是极其强大的工具。它们能够帮助开发者简化数据处理流程，提高代码的可读性和效率。以下是该知识点的详细解析。

1. flat() 方法

flat() 方法用于将多维数组展平成一维数组。默认情况下，它会将所有嵌套数组逐个展开。

例如，默认情况下：

const arr = [1, 2, 3, 4, [5, 6]];console.log(arr.flat()); // 输出：[1, 2, 3, 4, 5, 6]

如果需要更深入地展开嵌套数组，可以通过指定层数来实现：

const arr1 = [1, 2, 3, 4, [5, 6, [7, 8, 9]]];console.log(arr1.flat(2)); // 输出：[1, 2, 3, 4, 5, 6, 7, 8, 9]

需要注意的是，flat() 方法不会改变数组内部原有的嵌套结构。只有当指定了合适的层数时，才会展开所需的层次。

2. flatMap() 方法

flatMap() 方法与 flat() 方法相似，但它的主要作用是对数组中的每个元素应用一个函数，并将结果生成新的数组。与 flat() 方法的区别在于，flatMap() 会将内部数组展平成一维数组，而不是保留为嵌套数组形式。

例如：

// flatMap 示例const arr = [1, 2, 3, 4, 5];const result = arr.flatMap(item => [item * 100]);console.log(result); // 输出：[100, 200, 300, 400, 500]

在 новversion的flatMap() 中，如果未指定展开层数，默认也会展开所有嵌套数组。这样可以更灵活地应用映射操作，并直接将结果转换为一维数组。

注意事项

• flat() 和 flatMap() 都是 ES2019（代号为 2019 年 6 月发布） 的特性，确保你的环境支持这些方法。

• 在 JavaScript 中，数组的 flat() 和 flatMap() 方法也支持分割符（split method）的结合使用，进一步提高处理复杂数据结构的能力。

这些方法在开发过程中非常有用，尤其是在需要处理现有数据结构进行迭代和链接操作时。通过正确使用 flat() 和 flatMap()，可以显著提升代码的简洁性和效率。

转载地址：http://leftz.baihongyu.com/