ECMAScript 2019 (ES10) 是一种编程语言标准，它对 JavaScript 进行了更新和扩展。ES10 为开发者带来了很多有用的新特性，其中包括一个新的 Array 方法，名为 flatMap()。
flatMap() 方法
flatMap() 是一个组合方法，它首先对数组中的每个元素执行一个函数，然后将所有的结果组合成一个新数组。与 map() 不同的是，flatMap() 不仅支持返回单个元素的数组，而且支持返回一个嵌套数组。
flatMap() 的返回值是一个扁平化的数组，它会将嵌套数组展开成一个一维数组。这使得 flatMap() 成为处理和操作嵌套数组的强大工具。
示例代码
以下是一个简单的例子，展示了如何使用 flatMap() 方法。
const arr = [1, 2, 3, 4, 5]; const result = arr.flatMap(x => [x, x*2]); console.log(result); // [1, 2, 2, 4, 3, 6, 4, 8, 5, 10]
在上面的例子中，我们首先创建了一个包含 1 到 5 的整数数组。接下来，我们使用 flatMap() 方法返回每个元素对应的值和它的两倍，最后组合成一个扁平化的数组。
无穷可能
flatMap() 没有明确的使用场景，而且它的功能可以通过其他方法来实现。但 flatMap() 的出现，让一些操作变得非常容易和简单，比如在嵌套数组中进行扁平化、保留所有非空值，并在数组中进行映射操作。所以 flatMap() 有着广泛的应用场景，可以带来无穷的可能性。
下面是一些使用 flatMap() 方法的应用场景：
保留所有非空值
在数组中，我们可能会有一些空值，使用 flatMap() 方法可以过滤掉空值，只返回真正有用的元素。
const arr = [null, undefined, '', 'not empty']; const result = arr.flatMap(x => x || []); console.log(result); // ['not empty']
在数组中进行映射操作
我们可以使用 flatMap() 方法在数组中进行映射操作，比如将包含一个或多个字符串的数组转换为一个新的字符串数组。
const arr = ['hello', 'world'];
const result = arr.flatMap(x => x.split(' '));
console.log(result); // ['hello', 'world']将嵌套数组扁平化
使用 flatMap() 方法，可以让嵌套数组变得扁平化。假设我们有一个嵌套的数组，可以通过 flatMap() 方法将其转换为一个一维数组。
const arr = [[1, 2], [3, 4], [5, 6]]; const result = arr.flatMap(x => x); console.log(result); // [1, 2, 3, 4, 5, 6]
总结
ES10 引入的 flatMap() 方法可以让我们更方便地处理嵌套数组。flatMap() 不仅支持返回单个元素的数组，也支持返回嵌套的数组，而且它可以将这些嵌套的数组扁平化成一个单独的数组。flatMap() 可以让一些操作变得更加简单和方便，比如在数组中进行映射操作、保留所有非空值，并在嵌套数组中进行扁平化操作，带来了无穷的可能性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c0a79e83d39b48814f87f8