js 如何使用flat将多维数组转为一维-js教程-PHP中文网

js 如何使用flat将多维数组转为一维

月夜之吻

发布： 2025-08-16 12:50:02

原创

971人浏览过

flat()方法用于递归铺平多维数组，默认只铺平一层，可通过参数控制深度，如flat(2)铺平两层，flat(infinity)可完全铺平；1. flat()返回新数组，不修改原数组；2. 处理稀疏数组时会自动移除空槽；3. 非数组元素如字符串会被直接添加到结果中；4. 性能方面，大型或深度嵌套数组应避免不必要的深度铺平，建议按需铺平并测试性能；5. flatmap()先对每个元素执行映射函数再铺平一层，等价于map后接flat()，但更高效，适用于如字符串分割为单词等场景。

js 如何使用flat将多维数组转为一维

核心在于

flat()

登录后复制

方法，它能递归地将多维数组铺平到指定的深度。默认情况下，

flat()

登录后复制

只铺平一层，但你可以通过传递参数来控制铺平的深度。

解决方案

直接上代码，更清晰：

const arr = [1, [2, [3, [4, 5]]], 6];

// 默认铺平一层
console.log(arr.flat()); // [1, 2, [3, [4, 5]], 6]

// 铺平两层
console.log(arr.flat(2)); // [1, 2, 3, [4, 5], 6]

// 铺平到无限深度
console.log(arr.flat(Infinity)); // [1, 2, 3, 4, 5, 6]

// 对于稀疏数组，flat() 会移除空槽
const sparseArray = [1, , 3, [4, , 6]];
console.log(sparseArray.flat()); // [1, 3, 4, 6]

登录后复制

flat()

登录后复制

方法会返回一个新数组，原始数组不会被修改。如果你的环境不支持

flat()

登录后复制

（比如老版本的浏览器），可以考虑使用

reduce()

登录后复制

和

concat()

登录后复制

来模拟实现。

如何处理数组中包含非数组元素的情况？

如果你的多维数组中包含非数组元素，

flat()

登录后复制

会直接将它们添加到结果数组中。例如：

const mixedArray = [1, [2, 'hello', [3, 4]], 5];
console.log(mixedArray.flat(Infinity)); // [1, 2, "hello", 3, 4, 5]

登录后复制

字符串'hello'被直接添加到结果数组中，没有任何问题。这使得

flat()

登录后复制

方法非常灵活，可以处理各种类型的多维数组。

flat()

登录后复制

的性能如何？在大型数组上使用需要注意什么？

flat()

登录后复制

的性能取决于数组的大小和铺平的深度。对于小型数组，性能通常不是问题。但是，对于大型数组和非常深的嵌套，性能可能会受到影响。

一些建议：

避免不必要的铺平： 只铺平到需要的深度。
```
flat(Infinity)
```
登录后复制
虽然方便，但如果只需要铺平几层，可能会浪费资源。
考虑使用迭代方法： 对于非常大的数组，可以考虑使用迭代方法（例如
```
for
```
登录后复制
循环）来逐步处理，而不是一次性使用
flat()
登录后复制
登录后复制
登录后复制
登录后复制
登录后复制
登录后复制
登录后复制
登录后复制
登录后复制
登录后复制
登录后复制
登录后复制
登录后复制
。这可以避免一次性分配大量内存。
测试性能： 在实际应用中，使用
```
console.time()
```
登录后复制
和
```
console.timeEnd()
```
登录后复制
来测试
flat()
登录后复制
登录后复制
登录后复制
登录后复制
登录后复制
登录后复制
登录后复制
登录后复制
登录后复制
登录后复制
登录后复制
登录后复制
登录后复制
的性能，并与其他方法进行比较。

flatMap()

登录后复制

又是什么？它和

flat()

登录后复制

有什么区别？

flatMap()

登录后复制

方法首先使用映射函数转换每个元素，然后将结果展平为一个新数组。它本质上是

map()

登录后复制

后跟

flat()

登录后复制

，但效率更高。

const arr = [1, 2, 3];

// 使用 map() 和 flat()
const result1 = arr.map(x => [x * 2]).flat();
console.log(result1); // [2, 4, 6]

// 使用 flatMap()
const result2 = arr.flatMap(x => [x * 2]);
console.log(result2); // [2, 4, 6]

登录后复制

flatMap()

登录后复制

只能铺平一层。如果需要更深的铺平，仍然需要使用

flat()

登录后复制

。

flatMap()

登录后复制

在某些情况下可以提高性能，因为它避免了创建中间数组。一个常见的应用场景是将一个数组中的每个元素映射成一个数组，然后将所有结果数组连接起来。例如，将一个字符串数组分割成单词数组：

const sentences = ["hello world", "how are you"];
const words = sentences.flatMap(sentence => sentence.split(" "));
console.log(words); // ["hello", "world", "how", "are", "you"]

登录后复制

以上就是js 如何使用flat将多维数组转为一维的详细内容，更多请关注php中文网其它相关文章！