flat()方法用于递归铺平多维数组，默认只铺平一层，可通过参数控制深度，如flat(2)铺平两层，flat(infinity)可完全铺平；1. flat()返回新数组，不修改原数组；2. 处理稀疏数组时会自动移除空槽；3. 非数组元素如字符串会被直接添加到结果中；4. 性能方面，大型或深度嵌套数组应避免不必要的深度铺平，建议按需铺平并测试性能；5. flatmap()先对每个元素执行映射函数再铺平一层，等价于map后接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)
虽然方便，但如果只需要铺平几层，可能会浪费资源。
- 考虑使用迭代方法： 对于非常大的数组，可以考虑使用迭代方法（例如
循环）来逐步处理，而不是一次性使用
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"]
