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

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

月夜之吻

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

原创

1017人浏览过

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()

登录后复制

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

四维时代AI开放平台

查看详情

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中文网其它相关文章！