在 JavaScript 中，数组是一种非常重要的数据结构，它能够存储并处理大量数据。在 ES10 中，新增了两个方法 Array.flat() 和 Array.flatMap()，用于处理嵌套数组的操作。本文将详细介绍这两个方法的使用方法和应用场景。
Array.flat()
Array.flat() 方法用于将多维数组转换为一维数组，该方法可以接受一个可选参数，用于指定转换的深度。如果不指定深度，则默认为 1。
下面是一个简单的示例：
----- --- - --- -- --- -- --- ----- ----- ------- - ----------- --------------------- -- --- -- -- -- --- ---
在上面的示例中，我们有一个多维数组 arr，它包含了三个元素：1，2，以及另一个数组 [3, 4, [5, 6]]。我们使用 flat() 方法将其转换为一维数组 flatArr。可以看到，flatArr 中包含了所有的元素，但是最后一个元素 [5, 6] 仍然是一个数组。
如果我们想要将所有的元素都展开，可以指定一个较大的深度：
----- --- - --- -- --- -- --- ----- ----- ------- - ------------------- --------------------- -- --- -- -- -- -- --
在上面的示例中，我们将深度指定为 Infinity，这样就可以将所有的元素都展开了。
Array.flatMap()
Array.flatMap() 方法可以将一个数组映射为另一个数组，并且可以指定一个回调函数对每个元素进行处理。该方法首先会对数组进行一次映射，然后再将映射后的结果展开成一维数组。
下面是一个简单的示例：
----- --- - --- -- --- ----- ---------- - ------------- -- -- - ---- ------------------------ -- --- -- --
在上面的示例中，我们有一个数组 arr，它包含了三个元素：1，2，以及 3。我们使用 flatMap() 方法将其映射为另一个数组 flatMapArr，并将每个元素都乘以 2。最后，flatMapArr 中包含了所有映射后的元素。
需要注意的是，flatMap() 方法会自动展开映射后的结果，因此不需要使用 flat() 方法进行展开。
应用场景
Array.flat() 和 Array.flatMap() 方法在处理嵌套数组时非常有用，可以大大简化代码的编写。下面是一些常见的应用场景：
多维数组展开
我们经常会遇到多维数组的情况，例如从后端接口返回的数据。使用 Array.flat() 方法可以将多维数组展开为一维数组，方便我们进行处理。
数组映射
在实际开发中，我们经常需要将一个数组映射为另一个数组，例如将一个字符串数组转换为数字数组。使用 Array.flatMap() 方法可以非常方便地进行映射，并且不需要手动展开映射结果。
总结
Array.flat() 和 Array.flatMap() 方法是 ES10 中新增的两个方法，用于处理嵌套数组的操作。Array.flat() 方法可以将多维数组转换为一维数组，而 Array.flatMap() 方法可以将一个数组映射为另一个数组，并且可以指定一个回调函数对每个元素进行处理。在实际开发中，它们非常有用，可以大大简化代码的编写。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65d2f7d6add4f0e0ffb3f87f