在 ECMAScript 2019 中，引入了两个新的数组方法 flat 和 flatMap，它们是对现有数组方法的补充，可以更加方便和高效地解析嵌套数组。在本文中，我们将详细介绍 flat 和 flatMap 的作用及使用方法，并附上相关示例代码，帮助读者更好地理解和掌握这两个新方法的使用技巧。
flat 方法
flat 方法是用于“压平”嵌套数组的方法，可以将多维数组转换成一维数组。其语法如下：
array.flat([depth])
其中，array 为被操作数组，depth 为可选参数，表示需要展开的嵌套层数。默认值为 1，即只展开一层。如果需要展开全部嵌套层数，则可以设置为 Infinity。
以下是使用 flat 方法展开数组的示例代码：
const arr = [1, 2, [3, 4], [5, [6, 7]]]; // 默认展开一层嵌套 const flattenedArr1 = arr.flat(); // 输出：[1, 2, 3, 4, 5, [6, 7]] // 展开全部嵌套 const flattenedArr2 = arr.flat(Infinity); // 输出：[1, 2, 3, 4, 5, 6, 7]
在使用 flat 方法时需要注意，该方法会跳过空位数组（即数组中的 undefined 或 null），不会展开其嵌套数组。
flatMap 方法
flatMap 方法同样用于展开嵌套数组，但与 flat 不同的是，它可以对展开后的每个元素应用一个函数，并将处理后的结果组合成一个新数组。其语法如下：
array.flatMap(callback[, thisArg])
其中，array 为被操作数组，callback 为用于处理每个元素的回调函数，该函数可以返回一个数组或其它可迭代对象，最终将所有数组或可迭代对象合并成一个新数组。thisArg 为可选参数，表示回调函数中的 this 值。
以下是使用 flatMap 方法展开和处理数组的示例代码：
const arr = [1, 2, 3, 4]; const mappedArr = arr.flatMap(num => [num * 2]); // 输出：[2, 4, 6, 8]
在使用 flatMap 方法时，需要注意回调函数中的返回值类型必须为数组或可迭代对象，否则将会报错。
总结
通过以上介绍，我们了解了 ECMAScript 2019 中的 flat 和 flatMap 方法。这两个新方法可以更加方便和高效地处理嵌套数组，对于前端开发者来说，在解析和操作复杂的数据结构时十分实用。在实际工作中，我们可以根据实际情况选择使用 flat 和 flatMap 方法，将其运用到代码实践中。
希望本文能够帮助读者更好地理解并掌握 flat 和 flatMap 的使用技巧，提高前端开发的效率和工作质量。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65910545eb4cecbf2d63d65c