在 ECMAScript 2019 中，JavaScript 引入了两个新的数组方法：Array.flat() 和 Array.flatMap()。这些方法使得处理数组变得更加简单、高效和灵活。在本文中，我们将深入探讨这两个方法，并为您提供学习和使用这些新功能的指导。
Array.flat()
Array.flat() 方法用于将嵌套数组“压平”，即将多维数组转换为一维数组。这对于对数组进行处理和展示非常有用。现在，您可以很容易地处理复杂的嵌套数组，而无需编写冗长的代码。
让我们看一个简单的例子：
const numbers = [1, 2, [3, 4], 5, [6, [7, 8]]]; const flattenedNumbers = numbers.flat(); console.log(flattenedNumbers); // 输出: [1, 2, 3, 4, 5, 6, [7, 8]]
在上面的代码中，我们定义了一个具有多维数组的数组 numbers，并将其压平为单维数组 flattenedNumbers。请注意，虽然嵌套数组也存在于新的数组中，但这个数组是一维的，以便更容易管理。
您还可以通过传递参数来指定要“压平”的嵌套级别。例如：
const numbers = [1, 2, [3, [4, 5]], 6, 7, [8, [9, 10]]]; const flattenedNumbers = numbers.flat(2); console.log(flattenedNumbers); // 输出: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
上述示例的 flat(2) 参数将指定要“压平”的嵌套级别上限设置为2，这意味着只能压平两个嵌套级别，使其成为一维数组。
Array.flatMap()
Array.flatMap() 方法能够展平数组，同时对其某些（例如每个元素）执行映射操作。这个新的数组方法非常有用，因为它使您可以一次处理多个数组操作，而不必编辑多个地方的代码。
让我们看一个简单的例子：
const numbers = [1, 2, 3, 4, 5]; const mappedNumbers = numbers.flatMap(num => [num * 2]); console.log(mappedNumbers); //输出: [2, 4, 6, 8, 10]
在上面的代码中，我们定义了一个数字数组 numbers，并使用 flatMap() 方法将它们映射到新数组 mappedNumbers 中。该函数是一段返回一个新数组的函数，同时它还将 numbers 数组的元素映射到一个新的平坦化数组中。
让我们来更深地了解这个示例：
首先，我们定义了一个具有数字的数组 numbers。
接着，我们编写了一个函数，它将 numbers 数组中的每个元素乘以 2。
最后，我们通过将这个函数传递给 flatMap() 方法，将数值数组 numbers 中的元素映射到一个新数组 mappedNumbers 中。
请注意，由于我们离开了方括号，所以函数中的便短表示法是合法的。这样，它们只会简单地计算一个值，这个值将添加到新数组中的所有子数组。这是本例功能的核心。
结论
在这篇文章中，我们深入了解了 ECMAScript 2019 中的新功能 Array.flat() 和 Array.flatMap()。这两个方法使处理数组变得更加灵活、高效和简单，并且它们可以让您更轻松地执行复杂的数组操作。我们希望这篇文章能够帮助您更好的了解和使用这些新功能，以及使您的 JavaScript 编程更加简单。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66f10eaf6fbf960197364886