在前端开发中，我们经常需要操作数组。而有时候我们会遇到多维数组，从而需要对其进行扁平化处理。在 ES8 中，新增了一个 Array.prototype.flat() 方法，可以帮助我们解决这个问题。
什么是多维数组？
多维数组，也称为嵌套数组，是指在一个数组中存在其他数组，也就是将一个数组作为另一个数组的元素。
例如，下面这个数组就是一个二维数组：
var arr = [ [1, 2, 3], [4, 5, 6], [7, 8, 9] ];
为什么需要数组扁平化？
在实际开发中，我们往往需要对数组进行遍历，从而对其中的元素进行操作。但是，如果数组是多维的，我们需要对其进行扁平化处理，以便能够更方便地进行操作。例如，对于上面的二维数组，我们希望将其转换为一维数组，以便对其中的元素进行处理。
Array.prototype.flat() 方法的用法
Array.prototype.flat() 方法可以将一个多维数组“扁平化”，即将多维数组转换为一维数组。
该方法可以接收一个参数，用于指定要“扁平化”的层数。如果没有指定参数，该方法会默认将所有层级的嵌套数组全部“扁平化”。
下面是 Array.prototype.flat() 方法的语法：
arr.flat([depth])
其中，arr 表示要进行“扁平化”处理的数组；depth 表示要扁平化的层数，可选，默认为 1。
Array.prototype.flat() 方法的使用示例
下面是一个示例，演示如何使用 Array.prototype.flat() 方法对多维数组进行扁平化处理：
-- -------------------- ---- ------- -- ---- --- --- - - --- -- --- --- --- ---- --- -- --- ---- ----- -- --- ------- - ------------ --------------------- -- --- -- -- -- -- -- -- -- -- --- ---
在上面的示例中，我们有一个二维数组，其中有一些元素是嵌套的数组。我们使用 Array.prototype.flat() 方法将其“扁平化”，将所有元素转换为一维数组。
总结
通过对 ES8 的 Array.prototype.flat() 方法的学习，我们可以更加方便地对多维数组进行扁平化处理，从而能够更高效地进行数组操作。当我们在开发过程中遇到多维数组时，可以尝试使用该方法解决扁平化的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64cb0be05ad90b6d041e897a