ECMAScript 2019（ES10）是 JavaScript 的最新版本，它引入了许多新的特性和方法。其中，Array 的 Array.flat() 和 Array.flatMap() 方法是两个非常实用的方法，它们可以帮助开发者更好地处理数组数据。在本文中，我们将详细介绍这两个方法的使用教程，并提供示例代码。
Array.flat() 方法
Array.flat() 方法可以将多维数组扁平化成一维数组。它的语法如下：
array.flat([depth])
其中，array 是要扁平化的数组，depth 是一个可选参数，表示扁平化的深度，默认值为 1。如果 depth 参数为 Infinity，则会扁平化所有嵌套的数组。
下面是一些示例代码：
const arr1 = [1, 2, [3, 4]]; const arr2 = [1, 2, [3, [4, 5]]]; const arr3 = [1, [2, [3, [4, [5]]]]]; console.log(arr1.flat()); // [1, 2, 3, 4] console.log(arr2.flat()); // [1, 2, 3, [4, 5]] console.log(arr2.flat(2)); // [1, 2, 3, 4, 5] console.log(arr3.flat(Infinity)); // [1, 2, 3, 4, 5]
Array.flatMap() 方法
Array.flatMap() 方法可以将数组中的每个元素通过一个映射函数（map function）映射到一个新数组中，然后将这些新数组合并成一个数组。它的语法如下：
array.flatMap(callback[, thisArg])
其中，array 是要操作的数组，callback 是一个函数，用来映射数组中的每个元素到一个新数组中，thisArg 是可选的，表示 callback 函数中的 this 值。
下面是一些示例代码：
const arr1 = [1, 2, 3];
const arr2 = ['hello', 'world'];
console.log(arr1.flatMap(x => [x * 2])); // [2, 4, 6]
console.log(arr2.flatMap(x => x.split(''))); // ['h', 'e', 'l', 'l', 'o', 'w', 'o', 'r', 'l', 'd']需要注意的是，如果 callback 函数返回的是一个数组，那么这个数组将被展开成一个新数组，而不是作为一个元素被添加到新数组中。下面是一个示例代码：
const arr = ['hello', 'world'];
console.log(arr.flatMap(x => x.split('').map(y => y.toUpperCase()))); // ['H', 'E', 'L', 'L', 'O', 'W', 'O', 'R', 'L', 'D']总结
Array 的 Array.flat() 和 Array.flatMap() 方法是两个非常实用的方法，它们可以帮助开发者更好地处理数组数据。在使用这两个方法时，需要注意参数的含义和返回值的格式，以便正确地处理数组数据。希望本文对大家有所帮助，可以更好地掌握这两个方法的使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65ceba31add4f0e0ff80486b