ECMAScript 2020 的新特性：Array.prototype.flatMap 优化嵌套数组的操作
在前端开发过程中，我们常常需要对嵌套数组进行操作，比如展开数组、筛选数组等。这些操作通常需要通过遍历多层嵌套数组来实现，而且代码冗长、复杂。ECMAScript 2020 带来了一个 Array.prototype.flatMap 新特性，可以显著减少代码量、提高开发效率。
Array.prototype.flatMap 可以认为是一个展开数组的功能，它的作用是将多层嵌套的数组展开为一维数组。flatMap 方法返回的新数组中不包含任何 null、undefined 数组元素，同时还可以应用一个回调函数对数组元素进行修改或筛选。
使用 flatMap 方法
下面我们来看一下如何使用 flatMap 方法。假设有一个二维数组，我们要将其展开为一维数组：
const arr = [[1, 2], [3, 4], [5, 6]]; const flatArr = arr.flatMap(item => item); // 返回 [1, 2, 3, 4, 5, 6]
上面的代码中，我们首先定义了一个二维数组 arr，然后使用 flatMap 方法对其进行展开，将数组元素作为回调函数的参数，最后返回一维的数组 flatArr。
如果我们想要对数组元素进行修改，可以在回调函数中处理：
const arr = [[1, 2], [3, 4], [5, 6]]; const flatArr = arr.flatMap(item => item.map(num => num * 2)); // 返回 [2, 4, 6, 8, 10, 12]
上面的代码中，我们在 flatMap 的回调函数中使用 map 方法对数组元素进行了修改，将每个数组元素都乘以 2。
注意事项
需要注意的是，flatMap 方法会自动检查并去除数组中的 null 或 undefined 元素，同时不会对字符串类型的数组进行展开操作。
同时，该方法不会对原数组进行修改，而是生成一个新的数组，因此需要将其重新赋值给一个变量。
总结
Array.prototype.flatMap 是 ECMAScript 2020 的新特性，可以显著减少代码量、提高开发效率，尤其在操作嵌套数组时，可谓是利器一把。在实际开发中，我们可以根据具体需求来选择是否使用该方法。
示例代码
const arr = [[1, 2], [3, 4], [5, 6]]; // 将数组展开为一维数组 const flatArr = arr.flatMap(item => item); // [1, 2, 3, 4, 5, 6] // 对数组元素进行修改 const modifiedArr = arr.flatMap(item => item.map(num => num * 2)); // [2, 4, 6, 8, 10, 12]
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65a8d1acadd4f0e0ff20a83c