引言
在 ECMAScript 2019 中，新增了一个 Array 方法 flatMap，用于处理数组的扁平化和映射操作。本文将介绍 flatMap 的用法，并讲解如何利用其特性减少代码复杂度，提高编码效率。
flatMap 的用法
flatMap 方法可以理解为是 map 和 flat 两个方法的结合，它可以让我们在一次操作中完成数组的映射和扁平化操作。
例子如下：
const arr = [1, 2, 3, 4]; const result = arr.flatMap(num => [num * 2]); // result: [2, 4, 6, 8]
上面的代码中，map 方法会将每个数组中的元素乘以 2，并返回一个新的数组；而 flat 方法则是将多层数组扁平化成为一层数组。flatMap 则是将这两个操作结合在一起，并且可以在一步操作中完成。
使用 flatMap 减少代码复杂度
除了完成数组的映射和扁平化外，flatMap 还有一个特性，就是可以省略一层 map 操作，从而减少代码的复杂度。
例如，下面的代码展示了从一个包含多个用户的数组中，取出每个用户的收货地址，并把地址用 reduce 方法合并成一个数组的操作：
const users = [
{ id: 1, name: 'Alice', addresses: ['Beijing', 'Shanghai']},
{ id: 2, name: 'Bob', addresses: ['Guangzhou', 'Shenzhen']}
];
const addresses = users.map(user => user.addresses).reduce((arr1, arr2) => [...arr1, ...arr2], []);
// addresses: ['Beijing', 'Shanghai', 'Guangzhou', 'Shenzhen']代码中先通过 map 将每个用户的地址取出来，然后通过 reduce 将数组扁平化并合并成一个数组。这个操作看起来比较简单，但是如果我们使用 flatMap 就能更加简洁地实现：
const addresses = users.flatMap(user => user.addresses); // addresses: ['Beijing', 'Shanghai', 'Guangzhou', 'Shenzhen']
通过使用 flatMap，我们省略了一层 map 操作，实现了代码的简洁和可读性的提升。
总结
本文介绍了 ECMAScript 2019 中新增的 Array.flatMap 方法，其主要用途是在一次操作中完成数组的映射和扁平化操作。我们也展示了如何使用 flatMap 来简化代码，并降低代码的复杂度，提高编码效率。在日常开发中，如果我们需要实现较为复杂的数组操作，可以考虑使用 flatMap 方法，提高代码的可维护性和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651915bf95b1f8cacd1513c0