什么是Array.prototype.flat()？
Array.prototype.flat() 是 ECMAScript 2016 (ES7) 的一个新特性，它用于将嵌套的数组“展平”，即将多维数组转换为一维数组。它是一个非常方便的方法，可以让我们更容易地操作数组数据。
如何使用Array.prototype.flat()？
Array.prototype.flat() 方法非常简单易懂，它接收一个可选的深度参数，指定要递归展平嵌套数组的深度。如果没有提供深度参数，则默认为 1。
下面是一个例子：
-- ------ ----- ----------- - --- -- --- -- --- ----- -- -- ------ ------ ----- --------- - ------------------- -- -- --- -- -- -- --- --- -----------------------
在上面的例子中，原始数组 nestedArray 包含三个元素，其中第三个元素是另一个数组。使用 flat() 方法将它展平后，我们得到了一个包含五个元素的新数组 flatArray。
我们还可以使用深度参数来控制展平的深度。例如，如果我们想要展平数组中的所有嵌套数组，可以将深度参数设置为 Infinity，如下所示：
-- ------ ----- ----------- - --- -- --- -- --- ----- -- -- ------ ------ ----- --------- - --------------------------- -- -- --- -- -- -- -- -- -----------------------
在上面的例子中，我们使用了 Infinity 作为深度参数，这意味着将展平所有嵌套数组。
Array.prototype.flat() 的指导意义
Array.prototype.flat() 方法的出现，解决了前端开发中处理多维数组的痛点。之前在处理多维数组时，通常需要使用递归或将数组展开成一维数组，然后再进行相应处理。但这些方法的缺点是代码复杂度高、效率低。
使用 Array.prototype.flat() 方法，可以更加方便地处理多维数组，提高代码的可读性和效率。
结论
Array.prototype.flat() 方法的出现是 ECMAScript 2016 (ES7) 中一个非常值得关注的新特性。使用这个方法，我们可以轻松地将多维数组转换为一维数组，从而更方便地处理和操作数组数据。
记得，在实际开发中，尽可能使用这种新特性，以提高代码的效率和可读性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/672dd361eedcc8a97c861108