如何使用 ES10 引入的 Array 的 flat() 函数-JavaScript中文网-JavaScript教程资源分享门户

如何使用 ES10 引入的 Array 的 flat() 函数

在 ES10 中，JavaScript 引入了许多新的功能和方法，其中一个非常有用的是 flat() 函数。flat() 函数能够扁平化数组，简化对数组元素的操作。在这篇文章中，我们将探讨如何使用 ES10 引入的 Array 的 flat() 函数。

flat() 函数是 Array 对象的一个方法，用于将嵌套的数组扁平化。例如，我们有一个嵌套的数组，如下所示：

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

要想将上述数组扁平化，我们可以使用 flat() 函数，有两种方式：

const flatArray = nestedArray.flat(); // 扁平化数组
// 输出: [1, 2, 3, 4]

const flatArray2 = nestedArray.flat(Infinity);
// 输出: [1, 2, 3, 4]

在上面的代码中，nestedArray 是嵌套的数组，调用 flat() 函数会将它扁平化。第二个 flat() 函数的参数 Infinity 表示将所有维度的嵌套数组都扁平化。

除了基本用法之外，flat() 函数也提供了一些高级用法。

2.1 flatMap() 函数

flatMap() 函数是 flat() 函数和 map() 函数的结合体。使用 flatMap() 函数，我们可以将数组映射为一个新的数组，并将其扁平化。

例如，我们有一个包含多个字符串的数组，我们要将每个字符串转换为一个数组，并将它们扁平化：

const array = ["Hello", "World"];
const newArray = array.flatMap(x => x.split(""));
// 输出: ["H", "e", "l", "l", "o", "W", "o", "r", "l", "d"]

在上述代码中，我们首先定义了一个包含多个字符串的数组 array。然后我们调用了 flatMap() 函数，将每个字符串转换为一个数组（通过调用 split() 函数）。最后，我们在返回的数组上调用了 flat() 函数来扁平化数组。

2.2 指定深度的扁平化

有时候，我们只想扁平化嵌套数组的部分维度，而不是全部维度。这可以通过指定参数来实现。

例如，我们有一个嵌套数组，我们想扁平化它的第一层，但不是第二层。这可以通过指定 flat() 函数的参数来实现。

const nestedArray = [1, [2, [3, 4]]];
const flatArray = nestedArray.flat(1);
// 输出: [1, 2, [3, 4]]

在上述代码中，我们有一个嵌套数组。通过指定参数 1，我们将数组的第一维扁平化，但是第二维仍然是数组。如果我们指定参数 2，将会扁平化两个维度，直到所有维度都变为一维数组。

ES10 引入了 Array 的 flat() 函数，能够方便地将嵌套的数组扁平化。除了基本用法之外，我为大家介绍了 flatMap() 函数和指定深度的扁平化。这些高级用法能够提高开发效率，并支持编写更少且更易于维护的代码。

参考资料：

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/6544c3767d4982a6ebe98aad