在前端开发中，我们经常需要处理一些嵌套的数组数据。对于嵌套的数组，我们可以使用 flat 方法将其拍平为一维数组。但如果我们需要将一维数组转化为二维数组，要怎么办呢？这时候，ES9 给我们提供了一个新的方法：flatMap。
什么是 flatMap 方法
flatMap 方法的功能是将原数组中的每个元素通过一个映射函数（可以有选择地）映射到一个新数组中，并将所有新数组中的元素汇总到一个新数组中。与 map 方法不同的是，flatMap 方法会首先映射每个元素，然后将结果压缩成一个新数组。如果返回的是一个嵌套的数组，则会将嵌套的数组拍扁为一维数组。
flatMap 方法的语法
flatMap 方法的语法如下：
array.flatMap(callback(currentValue[, index[, array]])[, thisArg])
其中，callback 是必需的，表示要对每个元素进行的操作。它接受三个参数，分别是：
currentValue：必需。表示当前被处理的元素。index：可选。表示当前被处理的元素的索引。array：可选。表示调用flatMap方法的原数组。
thisArg 是可选的，表示执行 callback 函数时的 this 值。
如何使用 flatMap 方法实现数组二维化
在前面提到了，flatMap 方法可以将嵌套的数组拍扁为一维数组。那么，如果我们想要实现将一维数组转化为二维数组，只需要在 callback 函数中返回一个数组即可。具体实现如下：
const arr = [1, 2, 3, 4, 5, 6];
const result = arr.flatMap((item, index) => {
if (index % 2 === 0) {
return [[item]];
} else {
const lastIndex = index - 1;
return [result[lastIndex].concat(item)];
}
});
console.log(result); // 输出 [[1, 2], [3, 4], [5, 6]]这里的 callback 函数中，通过判断索引值，将奇数和偶数位置的元素分成两个数组，然后使用嵌套数组的方式返回。当遍历到偶数位置上的元素时，返回 [[item]]，表示创建一个新的二维数组，并将当前元素作为第一个元素放入此数组中；当遍历到奇数位置上的元素时，返回 [result[lastIndex].concat(item)]，表示将当前元素添加到上一个二维数组中。这样，就可以得到一个由一维数组转化为的二维数组。
flatMap 方法的使用场景
flatMap 方法的使用场景很多，其中最常见的场景是在数组数据处理中。除了上面提到的将一维数组转化为二维数组，flatMap 方法还可以用来处理丢弃数组中某个元素的操作、将数组中的每个字符串分割为新的子字符串数组等。这里就不一一列举了。
总结
通过本文的介绍，我们了解到了 flatMap 方法的作用和使用方法，并实现了将一维数组转化为二维数组的操作。在实际开发中，flatMap 方法也经常被用来处理嵌套的数组数据。掌握 flatMap 方法的使用，对于提高前端开发效率和代码质量有一定的帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65b21fe0add4f0e0ffb4b0a0