在 ECMAScript 2019 中，新增加了一个方便实用的 Array 方法：Array.prototype.flat()。这个方法可以把一个嵌套的数组变成一个平面化的数组，方便数据的处理。在这篇文章中，我们将详细探讨这个方法的使用。
什么是 Array.prototype.flat()？
Array.prototype.flat() 是一个可以用于数组中的方法，可以把嵌套的数组拍平成一个一维数组。它接收一个可选的参数 depth，用于设定拍平的层数。如果没有指定 depth 参数，则默认只会将数组拍平一层。
使用 Array.prototype.flat()
如果要使用 flat() 方法，首先需要一个可以被平铺的数组。让我们先创建一个示例数组：
const nestedArray = [1, [2, 3], [4, [5, 6]]];
如果我们想将这个嵌套的数组拍平，我们可以使用 flat() 方法：
const flatArray = nestedArray.flat(); console.log(flatArray); // Output: [1, 2, 3, 4, 5, 6]
这样就可以使用 flat() 方法将嵌套的数组平铺成为一个一维数组。
指定平铺的深度
除了将嵌套的数组完全平铺，我们还可以指定 flat() 方法的深度，例如：
const deeplyNestedArray = [1, [2, 3], [4, [5, [6, 7]]]]; const flatArray = deeplyNestedArray.flat(2); console.log(flatArray); // Output: [1, 2, 3, 4, 5, 6, 7]
在这个示例中，我们将深度参数设为 2，这意味着嵌套只有两层的数组将被平铺。第三层嵌套的数组将不会被处理。
如果我们不指定参数，那么 flat() 方法默认将深度设为 1。
非数组项
如果嵌套数组中存在非数组项，那么这些非数组项会被忽略，例如：
const arrayWithNonArrayItem = [1, [2, 3], 'four', [5, [6]]]; const flatArray = arrayWithNonArrayItem.flat(); console.log(flatArray); // Output: [1, 2, 3, "four", 5, 6]
在这个例子中，字符串值 'four' 并没有被平铺，因为它是一个非数组项。
在何时使用 Array.prototype.flat()
Array.prototype.flat() 方法可以用于许多情况，例如当我们需要把嵌套的数据转换为一维数组时。在下面的示例中，我们可以使用 flat() 方法来操作一个嵌套的数据，以查找我们需要的数据：
-- -------------------- ---- -------
----- ---------- - -
-
----- -----
------- -------------- --------
--
-
----- -----
------- -------- ------
--
-
----- -----
------- -------------- ----------
-
--
----- ------ - --------------------- -- ----------------------
-------------------- -- ------- -------------- -------- ------- ------ ------------- ----------这个例子演示了如何使用 flat() 方法来把所有技能转换成一个数组。
另一个可能的用例是在安排模式/预定表中使用它。在这种情况下，您可以使用文件夹/组织功能（如递归）构建一个包含所有活动信息的平面数组。
结论
Array.prototype.flat() 方法可以让您轻松将嵌套的数组变成一个平面化的数组。它是一个方便且实用的方法，可以使数据的处理变得更加容易。尤其是在处理大型数据集时，这个方法的效果将更加明显。如果您在工作时需要处理大量的嵌套数组，那么这个方法肯定值得您一试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/671daf189babaf620fb79674