使用 ES9 中的数组 flat 和 flatMap 处理嵌套数组

ES9 中新增加的 flat 和 flatMap 方法是用来处理嵌套数组的。嵌套数组是指数组中包含其他数组的情况。在前端开发中，我们经常需要处理这样的数据结构。使用 flat 和 flatMap 可以方便地将嵌套数组展开为一维数组，方便数据处理。

flat 方法

flat 方法用于将嵌套数组展开为一维数组。它可以接受一个参数，用来指定展开的深度。如果不指定深度，则默认展开所有嵌套数组。

const arr = [1, 2, [3, 4, [5, 6]]];
const flatArr = arr.flat();
console.log(flatArr); // [1, 2, 3, 4, 5, 6]

在上面的例子中，arr 数组中包含了两个嵌套数组。使用 flat 方法将其展开为一维数组后，得到了包含所有元素的 flatArr 数组。

如果指定展开深度，可以通过传递一个整数参数来实现。例如，如果只展开一层嵌套数组：

const arr = [1, 2, [3, 4, [5, 6]]];
const flatArr = arr.flat(1);
console.log(flatArr); // [1, 2, 3, 4, [5, 6]]

在上面的例子中，指定了展开深度为 1，即只展开了一层嵌套数组。结果中的 [5, 6] 仍然是一个数组，因为它在 arr 数组中是第二层嵌套数组。

flatMap 方法

flatMap 方法是对 flat 方法的一个扩展，它可以对每个元素进行操作后再展开为一维数组。它接受一个函数作为参数，这个函数会被应用到每个元素上。函数的返回值可以是一个数组或一个单一的值。flatMap 方法会将返回的数组展开为一维数组。

const arr = [1, 2, 3];
const flatMapArr = arr.flatMap(x => [x * 2]);
console.log(flatMapArr); // [2, 4, 6]

在上面的例子中，flatMap 方法对每个元素进行了乘以 2 的操作。返回的数组被展开为一维数组。

总结

使用 ES9 中的数组 flat 和 flatMap 方法可以方便地处理嵌套数组。它们能够将嵌套数组展开为一维数组，方便数据处理。在实际开发中，我们可以根据需要选择使用 flat 或 flatMap 方法。需要注意的是，flat 方法默认展开所有嵌套数组，可能会导致性能问题，建议在使用时指定展开深度。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65c1e31badd4f0e0ffbe375a