在 ES9 中，JavaScript 引入了两个新的数组方法：Array.flat() 和 Array.flatMap()。这两个方法都是用来处理嵌套数组的，可以让我们更方便地处理复杂的数据集合。
Array.flat()
Array.flat() 方法用于将嵌套数组展开成一个新的一维数组。它接收一个可选的参数，表示要展开的嵌套层数。默认值为 1，即只展开一层。
----- --- - --- -- --- -- --- ----- ----- ------- - ----------- -- --- -- -- -- --- --- ----- ----------- - ------------ -- --- -- -- -- -- --
在上面的例子中，arr 是一个嵌套数组，包含了三层。使用 flat() 方法将其展开成一维数组后，得到的结果是 [1, 2, 3, 4, [5, 6]]。如果我们想展开所有的嵌套层数，可以传入参数 2，得到的结果为 [1, 2, 3, 4, 5, 6]。
需要注意的是，flat() 方法只会展开一层嵌套，如果数组中还有更深层次的嵌套，需要多次调用 flat() 方法才能完全展开。
Array.flatMap()
Array.flatMap() 方法是 Array.map() 和 Array.flat() 两个方法的组合，它首先对数组中的每个元素执行一个映射函数，然后将结果展开成一个新的一维数组。
----- --- - --- -- --- ----- ---------- - ------------- -- --- - - ---- -- --- -- -- -- -- --
在上面的例子中，flatMap() 方法首先对数组中的每个元素执行一个映射函数，这里是将每个元素和它的两倍放在一个新的数组中。然后，flatMap() 方法将结果展开成一个新的一维数组，得到的结果为 [1, 2, 2, 4, 3, 6]。
需要注意的是，flatMap() 方法不会递归展开嵌套数组，它只会将映射函数的结果展开成一维数组。
指导意义
Array.flat() 和 Array.flatMap() 方法可以帮助我们更方便地处理嵌套数组，可以减少我们的代码量和提高代码可读性。它们也可以用于处理复杂的数据集合，例如树形结构的数据。
但是需要注意的是，这两个方法在处理大型数据集合时可能会影响性能，因为它们会创建新的数组。在这种情况下，最好使用其他更高效的方法来处理数据。
结论
在本文中，我们介绍了 ES9 中的两个新数组方法：Array.flat() 和 Array.flatMap()。这两个方法都是用来处理嵌套数组的，可以让我们更方便地处理复杂的数据集合。需要注意的是，它们在处理大型数据集合时可能会影响性能。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/673db8de90e7ed93bee01d5a