ES10 中新增方法: Array.prototype.flat(depth?)

在ES10中，Array.prototype对象添加了一个新的方法：flat(depth?)。这个方法用于将嵌套的数组展开，并返回一个新的数组，新的数组中只包含元素（而不是数组），可以通过可选参数depth控制嵌套的深度。

用法

让我们先看一下flat()函数的语法：

arr.flat([depth]);

depth是可选参数。如果没有提供depth，默认为1。depth指定要展开的嵌套级别，如果depth是负数，则递归地产生无限的深度。

示例

假设我们有一个嵌套的数组：

const nestedArray = [1, 2, [3, 4, [5, 6]]];

现在我们使用flat函数将其展开：

const flattenedArray = nestedArray.flat();
console.log(flattenedArray); // [1, 2, 3, 4, [5, 6]]

如果我们在flat函数中传入数字，例如在上面的样例中深度为2，那么它将展开两个级别的数组：

const deeplyNestedArray = [1, [2, [3, [4, [5, [6]]]]]];
const flattenedArray = deeplyNestedArray.flat(2);
console.log(flattenedArray); // [1, 2, 3, 4, 5, [6]]

我们还可以使用负数深度值来无限展开嵌套的数组：

const deeplyNestedArray = [1, [2, [3, [4, [5, [6]]]]]];
const flattenedArray = deeplyNestedArray.flat(-1);
console.log(flattenedArray); // [1, 2, 3, 4, 5, 6]

学习和指导意义

flat()函数可以极大地简化代码，并使代码更容易编写和维护。它可以摆脱深度嵌套的数组，并以更干净和清晰的方式处理多个嵌套级别。

您可以用flat()函数来重构任何需要处理嵌套数组的代码，例如递归函数。此外，flat()函数也可以与其他数组方法结合使用，例如map()，filter()等等。

在开发中，遇到嵌套数组是很常见的。因此，深度嵌套的数组可以使代码变得混乱和难以理解，flat()函数提供了一种解决方案，以使代码更易于阅读和理解。

结论

flat()函数是ES10中为数组添加的有用方法之一，它使我们能够轻松地处理嵌套数组。我们可以使用它来简化我们的代码，并使我们的代码更易于理解和维护。它在处理多维数组时特别有用，在许多项目中非常常用，学习并使用它将极大地增强我们的开发技能。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67356e5a0bc820c5824e656f