JavaScript 是一门非常灵活的语言，它的生态系统也是非常活跃的。ES6、ES7、ES8、ES9、ES10 和 ES11 都引入了一些新的特性和语法，而 ES12 也不例外。在本文中，我们将会探讨 ES12 中的两个新函数：Array.prototype.flat 和 flatMap。
Array.prototype.flat
Array.prototype.flat 函数可以将嵌套的数组展开成一个新的数组。这个函数接受一个可选参数 depth，用于指定展开的深度。如果不传递 depth 参数，则默认展开所有嵌套的数组。
下面是一个简单的示例：
----- --- - --- -- --- ---- ----- ------------ - ----------- -------------------------- -- --- -- -- --
在上面的示例中，我们将一个包含两个元素的数组展开成了一个包含四个元素的数组。这是因为原始数组中包含了一个嵌套的数组，而 flat 函数默认展开了所有嵌套的数组。
我们也可以使用 depth 参数来控制展开的深度。例如：
----- --- - --- -- --- --- ----- ----- ------------ - ------------ -------------------------- -- --- -- -- -- --
在上面的示例中，我们将一个包含两个嵌套数组的数组展开成了一个包含五个元素的数组。这是因为我们将 depth 参数设置为 2，表示展开两层嵌套的数组。
flatMap
Array.prototype.flatMap 函数可以将数组中的每个元素映射到一个新的数组，并将所有的结果展开成一个新的数组。这个函数接受一个回调函数作为参数，用于将每个元素映射到一个新的数组。这个回调函数可以返回一个数组或者一个单独的元素。
下面是一个简单的示例：
----- --- - --- -- --- ----- --------- - ------------- -- -- - ---- ----------------------- -- --- -- --
在上面的示例中，我们将一个包含三个元素的数组映射成了一个包含三个元素的新数组。这是因为我们将每个元素都乘以 2 并返回一个新的数组。
我们也可以在回调函数中返回一个单独的元素。例如：
----- --- - --- -- --- ----- --------- - ------------- -- - - --- ----------------------- -- --- -- --
在上面的示例中，我们将一个包含三个元素的数组映射成了一个包含三个元素的新数组。这是因为我们将每个元素都乘以 2 并返回一个单独的元素。
总结
ES12 中的 Array.prototype.flat 和 flatMap 函数可以帮助我们更方便地处理嵌套的数组和将数组中的元素映射到一个新的数组。它们可以让我们的代码更简洁、更易读、更易维护。在使用这些函数时，我们应该注意它们的参数和返回值，并根据实际需求进行使用。
示例代码
-- -------------------- ---- ----- --- - --- -- --- --- ----- ----- ------------ - ------------ -------------------------- -- --- -- -- -- -- -- ------- ---- ----- --- - --- -- --- ----- --------- - ------------- -- -- - ---- ----------------------- -- --- -- --
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/66396f48d3423812e478f7f4