在 ES9 中,Array 增加了两个非常有用的方法:flat
和 flatMap
。这两个方法可以帮助我们更加方便地处理多维数组和数组中的对象。本文将详细介绍这两个方法的使用方法和示例。
flat 方法
flat
方法可以将多维数组展开为一维数组。它的语法如下:
-------------------
其中,depth
参数指定要展开的维度,默认为 1
,即只展开一层。如果需要展开全部维度,可以传入一个大于或等于数组嵌套层数的数值。
下面是一个使用 flat
方法的示例:
----- --- - --- -- --- -- --- ----- ----- ------- - ------------ --------------------- -- --- -- -- -- -- --
在上面的示例中,flat
方法将嵌套的多维数组展开为一维数组。
flatMap 方法
flatMap
方法是 flat
方法的加强版,它可以在展开数组的同时对每个元素进行处理,并返回一个新的数组。它的语法如下:
------------------------------------- ------- ---------- ---------
其中,callback
参数是一个函数,用于对每个元素进行处理。它的返回值将被添加到新的数组中。thisArg
参数则是 callback
函数中 this
的值。
下面是一个使用 flatMap
方法的示例:
----- --- - --- -- --- ----- ---------- - ------------------ -- ----- - ---- ------------------------ -- --- -- --
在上面的示例中,flatMap
方法将每个元素乘以 2
并添加到新的数组中。
总结
flat
和 flatMap
方法是 ES9 中非常有用的新增功能,它们可以帮助我们更加方便地处理多维数组和数组中的对象。在实际开发中,我们可以根据具体需求选择使用哪个方法。需要注意的是,这两个方法都是 ES9 中新增的,不支持低版本浏览器和 Node.js。
参考文献
来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/65ddd8f21886fbafa4b2830b