在 ES2019 中，JavaScript 引入了一个新的数组方法：flat()。这个方法可以将多维数组转换为一维数组。同时，还引入了静态方法 Array.flat()，它也可以实现相同的功能。在本文中，我们将深入探讨 flat() 和 Array.flat() 的用法、效果和指导意义。
flat() 方法
flat() 方法是Array.prototype的方法，它可以将一个多维数组转换为一个一维数组。在默认情况下，flat() 方法只会将数组扁平化一层。如果想要扁平化更多层，可以使用一个可选的参数，该参数表示要扁平化的层数。
以下是 flat() 方法的语法：
-------------------
其中，array 是要扁平化的多维数组，depth 是一个可选参数，表示要扁平化的层数。
示例
以下是一个使用 flat() 方法的简单示例：
----- --- - --- -- --- ---- ----- ------------ - ----------- -------------------------- -- --- -- -- --
在这个示例中，arr 是一个多维数组，包含两个元素，其中第二个元素是一个数组。我们调用 flat() 方法将 arr 扁平化为一个一维数组，并将结果存储在 flattenedArr 中。最后，我们使用 console.log() 方法输出 flattenedArr。
扁平化多层数组
如果要扁平化多层数组，可以使用 depth 参数。以下是一个使用 depth 参数的示例：
----- --- - --- -- --- --- ----- ----- ------------ - ------------ -------------------------- -- --- -- -- -- --
在这个示例中，arr 是一个多层嵌套的数组，包含两个元素，其中第二个元素也是一个多层嵌套的数组。我们调用 flat(2) 方法将 arr 扁平化为一个一维数组，并将结果存储在 flattenedArr 中。最后，我们使用 console.log() 方法输出 flattenedArr。
Array.flat() 静态方法
Array.flat() 方法是一个静态方法，它可以将一个多维数组转换为一个一维数组，与 flat() 方法相同。但是，Array.flat() 方法不需要一个数组实例来调用，而是直接使用 Array 对象调用。
以下是 Array.flat() 方法的语法：
----------------- --------
其中，array 是要扁平化的多维数组，depth 是一个可选参数，表示要扁平化的层数。
示例
以下是一个使用 Array.flat() 方法的简单示例：
----- --- - --- -- --- ---- ----- ------------ - ---------------- -------------------------- -- --- -- -- --
在这个示例中，我们使用 Array.flat() 方法将 arr 扁平化为一个一维数组，并将结果存储在 flattenedArr 中。最后，我们使用 console.log() 方法输出 flattenedArr。
扁平化多层数组
如果要扁平化多层数组，可以使用 depth 参数。以下是一个使用 depth 参数的示例：
----- --- - --- -- --- --- ----- ----- ------------ - --------------- --- -------------------------- -- --- -- -- -- --
在这个示例中，我们使用 Array.flat() 方法将 arr 扁平化为一个一维数组，并将结果存储在 flattenedArr 中。我们还使用 2 作为 depth 参数，以便将数组扁平化到第二层。最后，我们使用 console.log() 方法输出 flattenedArr。
指导意义
flat() 和 Array.flat() 方法可以帮助我们轻松地将多维数组转换为一维数组，使我们的代码更加简洁和易于管理。同时，它们还提供了一个可选的 depth 参数，使我们可以扁平化多层数组。使用这些方法可以提高我们的开发效率。
结论
在 ES2019 中，JavaScript 引入了 flat() 和 Array.flat() 方法，它们可以将多维数组转换为一维数组。这些方法可以帮助我们轻松地处理多层嵌套的数组，并提高我们的开发效率。在实际开发中，我们可以根据具体情况选择使用哪种方法。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/673b031a39d6d08e88b12171