ECMAScript 2019：如何使用 Array 的 flat 和 flatMap 方法-JavaScript中文网-JavaScript教程资源分享门户

在 ECMAScript 2019 中，Array 对象新增了两个方法 flat 和 flatMap，这两个方法可以很方便地对数组进行操作。在本文中，我们将会详细介绍这两个方法的使用方法以及示例代码，并且探讨它们的学习和指导意义。

flat 方法

flat 方法可以将多维数组压缩成一维数组。它可以接受一个参数，表示要压缩的维度，默认值为 1。如果不传参数或传入 Infinity，则会将所有维度的数组都压缩成一维数组。下面是一个示例代码：

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

在上面的代码中，我们定义了一个多维数组 arr，然后使用 flat 方法将其压缩成了一维数组 flatArr。

flatMap 方法可以在 flat 的基础上，对每个元素进行操作。它接受一个函数作为参数，该函数会被应用到每个元素上，并返回一个新的数组。然后，将这个新的数组压缩成一维数组。下面是一个示例代码：

const arr = [1, 2, 3];
const flatMapArr = arr.flatMap(x => [x * 2]);
console.log(flatMapArr); // [2, 4, 6]

在上面的代码中，我们定义了一个数组 arr，然后使用 flatMap 方法将其每个元素都乘以 2，并返回一个新的数组，然后将这个新的数组压缩成了一维数组 flatMapArr。

flat 和 flatMap 方法的出现，使得对多维数组的操作变得更加简单和方便。它们可以用于数组的扁平化、去重、排序等操作。在实际开发中，我们可以使用这两个方法来提高代码的效率和可读性。

同时，学习这两个方法也可以增加我们的知识储备，提高我们的编程能力。对于初学者来说，学习这两个方法可以帮助他们更好地理解 JavaScript 中的数组操作。对于有经验的开发者来说，学习这两个方法可以帮助他们更快地完成开发任务，提高工作效率。

在本文中，我们介绍了 ECMAScript 2019 中新增的 flat 和 flatMap 方法，并给出了示例代码。它们可以用于数组的扁平化、去重、排序等操作。学习这两个方法可以帮助我们更好地理解 JavaScript 中的数组操作，并提高我们的编程能力。

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