前言
在2018年的ECMAScript标准中，新增了两个方法 Array.prototype.flat() 和 Array.prototype.flatMap()，用于处理数组的扁平化。对于前端开发者来说，数组扁平化是一个常见的操作，因此这两个方法可以提高开发效率和代码可读性。
本篇文章将详细解释这两个方法的用途、用法，并提供示例代码以及实际应用场景，帮助读者更好地理解和掌握这些方法。
Array.prototype.flat()
简介
Array.prototype.flat() 是一个用于将多维数组扁平化的方法。当数组中存在嵌套数组时，我们可以使用它将所有嵌套的数组合并成一个数组。
用法
方法接收一个正整数参数 depth，表示要扁平化的层数。如果未传递参数，或者传递的参数为0，将默认只扁平一层数组。
- 如果传递的参数小于等于0，将返回当前数组的一个副本。
- 如果传递的参数大于数组的嵌套层数，将返回一个扁平化后的新数组。
- 如果数组中的元素包含非数组的对象或基本数据类型时，它们将被包含在新的扁平化数组中。
示例代码：
----- --- - --- -- --- -- --- ----- ----- ------- - ----------- -- --- --- -- -- -- --- --- ----- ---- - --- -- --- -- --- ----- ----- -------- - ------------- -- --- --- -- -- -- -- --
实际应用场景
在实际项目中，我们经常需要遍历数组的所有元素，如果不使用Array.prototype.flat()方法，我们就需要使用递归来遍历多维数组。而使用 Array.prototype.flat() 方法可以避免复杂的递归操作。
另外，当使用第三方库或接口返回的数据时，数据可能存在多层嵌套的情况，Array.prototype.flat() 方法可以快速解除嵌套，方便数据处理。
Array.prototype.flatMap()
简介
Array.prototype.flatMap() 方法可以在一次操作中先用 Array.prototype.map() 方法处理数组中的每个元素，再使用 Array.prototype.flat() 方法将所有映射结果的数组扁平化。它是一个处理数组的组合方法。
用法
方法接收一个回调函数作为参数，该回调函数用于处理数组中的每个元素。函数返回一个数组，然后所有这些数组将被合并到一个新数组中，并应用 Array.prototype.flat() 方法来扁平化数组，如果你没有提供 depth 参数，则默认只扁平化一层。
示例代码：
----- --- - --- -- -- --- ----- ------------- - ------------- -- -- - ---- -- --- --- -- -- --
实际应用场景
该方法可以用于将一个数组映射到另一个数组，同时将映射结果合并成一个数组。这在数据处理中非常常见，特别是在处理数据转换或数据集的操作中。
结论
Array.prototype.flat() 和 Array.prototype.flatMap() 是两个非常强大且实用的数组方法，可以让开发者更加方便和高效地处理多维数组，尤其在处理数据集时非常实用。在实际应用中，合适的应用场景可以帮助开发者提高代码的可读性和工作效率，值得推广和使用。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/670f4d885f5512810263a055