在前端开发中，我们经常需要对数组进行操作，其中扁平化数组是一个常见的需求。ES9 中新增了 Array.prototype.flat() 方法，可以更方便地实现数组扁平化。本文将介绍如何使用 Array.prototype.flat() 方法打造扁平化数组，并提供示例代码，帮助读者更好地理解和应用该方法。
什么是扁平化数组
扁平化数组指的是将多维数组转换为一维数组的过程。例如，将以下多维数组：
----- --- - --- --- --- --- --- -----
转换为一维数组：
--- -- -- -- -- --
Array.prototype.flat() 方法介绍
Array.prototype.flat() 方法是 ES9 中新增的数组方法，用于将多维数组转换为一维数组。该方法的语法如下：
------------------
其中，arr 表示要操作的数组，depth 表示要扁平化的深度，默认值为 1。如果需要扁平化的深度超过了数组的深度，则可以传入 Infinity。
需要注意的是，Array.prototype.flat() 方法不会改变原数组，而是返回一个新的扁平化后的数组。
使用 Array.prototype.flat() 方法扁平化数组
下面我们来看一下如何使用 Array.prototype.flat() 方法扁平化数组。
扁平化一维数组
如果是一维数组，使用 Array.prototype.flat() 方法非常简单，直接调用即可：
----- --- - --- -- --- ----- ------- - ----------- --------------------- -- --- -- --
扁平化二维数组
如果是二维数组，需要将 depth 值设置为 2：
----- --- - ---- --- --- ---- ----- ------- - ------------ --------------------- -- --- -- -- --
扁平化多维数组
如果是多维数组，同样需要将 depth 值设置为对应的深度：
----- --- - --- --- --- ------- ----- ------- - ------------------- --------------------- -- --- -- -- --
总结
通过本文的介绍，我们了解到了 ES9 中新增的 Array.prototype.flat() 方法，并学习了如何使用该方法扁平化数组。需要注意的是，该方法不会改变原数组，而是返回一个新的扁平化后的数组。
希望本文的内容对读者有所帮助，也希望读者能够根据本文的示例代码，更好地理解和应用 Array.prototype.flat() 方法。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/653b50cb7d4982a6eb5a71be