ES12 中的数组方法：flatMap() 的特性及应用-JavaScript中文网-JavaScript教程资源分享门户

在 ES12 中，新增了一个数组方法 flatMap()，这个方法可以帮助我们轻松地处理数组中的嵌套数组，同时也能够简化代码。本文将介绍 flatMap() 的特性及应用，希望能够帮助读者更好地理解和使用这个方法。

flatMap() 的特性

flatMap() 方法是一个组合方法，它将 map() 和 flat() 两个方法结合起来。它首先对数组中的每个元素执行一个 map() 方法，然后将结果展开成一个新的数组。

具体来说，flatMap() 方法的语法如下：

array.flatMap(callback(currentValue[, index[, array]])[, thisArg])

其中，callback 是一个函数，它接收三个参数：

flatMap() 方法会对数组中的每个元素都执行一次 callback 函数，并将返回的结果展开成一个新的数组。最终，flatMap() 返回的是一个一维数组。

需要注意的是，flatMap() 方法会自动去除返回值中的空项（undefined、null 和空字符串）。

flatMap() 方法通常用于处理嵌套数组。它可以让我们在处理嵌套数组时更加方便和简洁。下面是一些 flatMap() 的应用场景。

我们可以使用 flatMap() 方法将一个嵌套的二维数组转换为一个一维数组。例如，我们有一个二维数组：

const arr = [[1, 2], [3, 4], [5, 6]];

我们可以使用 flatMap() 方法将它转换为一个一维数组：

const newArr = arr.flatMap(item => item);
console.log(newArr); // [1, 2, 3, 4, 5, 6]

我们可以使用 flatMap() 方法对数组中的每个元素进行操作后再展开。例如，我们有一个数组：

const arr = [1, 2, 3];

我们想要将每个元素都乘以 2，然后再展开成一个新的数组。我们可以使用 flatMap() 方法来实现：

const newArr = arr.flatMap(item => [item * 2]);
console.log(newArr); // [2, 4, 6]

我们可以使用 flatMap() 方法对数组中的元素进行过滤。例如，我们有一个数组：

const arr = [1, 2, 3];

我们想要过滤掉所有的偶数，然后再展开成一个新的数组。我们可以使用 flatMap() 方法来实现：

const newArr = arr.flatMap(item => item % 2 === 0 ? [] : [item]);
console.log(newArr); // [1, 3]

我们可以使用 flatMap() 方法将数组中的字符串转换为数组。例如，我们有一个数组：

const arr = ['1,2,3', '4,5,6', '7,8,9'];

我们想要将每个字符串都转换为数组，然后再展开成一个新的数组。我们可以使用 flatMap() 方法来实现：

const newArr = arr.flatMap(item => item.split(','));
console.log(newArr); // ['1', '2', '3', '4', '5', '6', '7', '8', '9']

flatMap() 方法是 ES12 中新增的一个数组方法，它可以帮助我们轻松地处理嵌套数组，并且可以简化代码。本文介绍了 flatMap() 的特性及应用，并给出了一些示例代码。希望本文能够帮助读者更好地理解和使用 flatMap() 方法。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/657005bad2f5e1655d89b481