在2019年，ECMAScript新增了两个Array方法——Array.prototype.flat() 和 Array.prototype.flatMap()，这两个方法可以简化前端开发中对数组的操作。本文将详细介绍这两个方法的使用场景，并提供示例代码以便读者更好地理解。
Array.prototype.flat()
flat()方法无需参数，可以直接将嵌套数组拍平成一个新的一维数组。以下是一个具体的示例：
const arr = [1, 2, [3, 4]]; const flatArr = arr.flat(); // [1, 2, 3, 4]
需要注意的是，flat()方法只能将嵌套的数组层数降低一层，如果需要多层拍平的话，就需要在调用时传递一个参数。
const arr = [1, [2, [3, 4]]]; const flatArr = arr.flat(2); // [1, 2, 3, 4]
除此之外，flat()方法还有一个可选参数，用于过滤数组中的空项。
const arr = [1, 2, , 3, 4]; const flatArr = arr.flat(); // [1, 2, 3, 4], 注意空项被过滤了
flat()方法的应用场景很多，最常见的情况就是处理嵌套的多维数组，将其拍平成一维数组以便进行遍历和操作。
Array.prototype.flatMap()
flatMap()方法则是在map()和flat()的基础上结合了一起写，它将数组中的每个元素都进行一次映射和拍平，最终生成一个新的一维数组。以下是一个具体的示例：
const arr = [1, 2, 3]; const flatMapArr = arr.flatMap(x => [x*2]); // [2, 4, 6]
需要注意的是，如果映射函数返回的值是一个数组，那么这个数组的元素也将被拍平。比如：
const arr = [1, 2, 3]; const flatMapArr = arr.flatMap(x => [[x*2]]); // [[2], [4], [6]]
flatMap()方法的应用场景也很多，最常见的情况就是进行数组的映射和处理，这个方法与 map() 类似，但它的输出是拍平的，可以减少一些额外的过滤操作。
总结
以上两个新方法是ECMAScript 2019中新增的 Array 原型方法，可以更加方便地对数组进行操作。在实际开发中，我们可以根据需求选择合适的方法来处理数组，从而减少代码的冗余和提高开发效率。
在使用时一定要注意参数的传递和返回值的类型，以确保代码的正确性和可读性。希望大家在阅读本文后对数组操作方法有更深入的理解和掌握。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64fc0a34f6b2d6eab3202da0
