使用 ECMAScript 2019 的 flat() 和 flatMap() 快速扁平化数组
在进行前端开发的过程中，我们经常会遇到需要扁平化数组的情况。如果你是一个有经验的开发者，那么你一定知道扁平化数组的实现，但是如果你目前还不知道该如何实现扁平化数组的话，那么这篇文章将会给你带来帮助。
在 ECMAScript 2019 中，有两个数组方法被引入来处理这种情况：flat() 和 flatMap()，它们可以非常快速、简单地扁平化数组，并且其性能非常高效。
flat() 方法
flat() 方法是用于将多维数组扁平化成一维数组的方法，它可以非常快速地处理嵌套多个数组的情况。这个方法可以接收一个可选参数，用于指定扁平化的层数，如果没有指定参数，则默认层数为 1。
以下是一个使用 flat() 方法扁平化多维数组的示例：
const arr = [[1, 2], [3, 4], [5, 6, [7, 8]]]; const flattenedArr = arr.flat();
在上面的代码中，我们首先定义了一个多维数组 arr，其中包含了嵌套的数组。然后我们调用了 flat() 方法，得到了一个扁平化后的一维数组 flattenedArr。
如果你想指定扁平化的层数，你可以传递一个可选参数指定层数。例如：
const arr = [[1, 2], [3, 4], [5, 6, [7, 8]]]; const flattenedArr = arr.flat(2);
在这个示例中，我们传递了一个参数 2 给 flat() 方法，表示要扁平化两层。
flatMap() 方法
flatMap() 方法结合了 map() 和 flat() 方法的功能。它允许你在操作数组元素的同时，也可以对它们进行扁平化。它的作用和 map() 方法类似，只不过它会自动将映射后的结果进行一次扁平化。
以下是一个使用 flatMap() 方法扁平化数组的示例：
const arr = [1, 2, 3, 4, 5]; const mappedArr = arr.flatMap(num => [num * 2]);
在上面的代码中，我们首先定义了一个数组 arr，然后我们调用了 flatMap() 方法，对其中的每一个元素进行了映射，将其乘以 2。最后，我们得到了一个扁平化后的一维数组 mappedArr。
总结
在本文中，我们介绍了 ECMAScript 2019 标准中引入的 flat() 和 flatMap() 方法，这些方法可以非常快速、简单地扁平化多维数组，并且其性能非常高效。我们还演示了如何使用这些方法来扁平化数组，以及如何指定扁平化的层数。我希望这篇文章对你有所帮助，并且可以帮助你更好地理解和使用这些方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64858ec248841e9894458f15