在前端开发中，我们经常需要处理数组的扁平化操作。ES6 之前，我们通常使用递归或者循环遍历的方式来实现数组扁平化。而 ES9 新增的 Array 的新型扁平化方法，可以更加方便快捷地处理数组扁平化的操作。
什么是数组扁平化？
在 JavaScript 中，数组扁平化指的是将多维嵌套的数组转换为一维数组的操作。例如，将 [[1, 2], [3, 4], [5, 6]] 转换为 [1, 2, 3, 4, 5, 6]。
ES9 中的新型扁平化方法
ES9 中新增了 Array 的 flat() 和 flatMap() 方法，用于实现数组的扁平化操作。这两个方法都可以接收一个可选参数，用于指定要扁平化的深度。
flat() 方法
flat() 方法用于将多维嵌套的数组转换为一维数组。如果不传入参数，则默认只扁平化一层。如果传入参数 n，则扁平化 n 层。如果 n 的值大于数组的嵌套层数，则扁平化到最底层。
示例代码：
const arr = [1, 2, [3, 4, [5, 6]]]; const flatArr = arr.flat(); // [1, 2, 3, 4, [5, 6]] const flatArr2 = arr.flat(2); // [1, 2, 3, 4, 5, 6] const flatArr3 = arr.flat(3); // [1, 2, 3, 4, 5, 6]
flatMap() 方法
flatMap() 方法用于将多维嵌套的数组转换为一维数组，并且可以对每个元素进行处理。flatMap() 方法的参数是一个回调函数，该函数接收两个参数，分别是当前元素和当前索引。
示例代码：
const arr = [1, 2, 3]; const flatArr = arr.flatMap(x => [x * 2]); // [2, 4, 6]
总结
ES9 的 flat() 和 flatMap() 方法为我们处理数组扁平化提供了更加方便快捷的方式。在实际开发中，我们可以根据实际需求选择使用这两个方法中的一个或者多个，从而更加高效地处理数组扁平化的操作。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/656429b2d2f5e1655dd90005