在 ECMAScript 2017 中，引入了两个新的数组方法 Array.flat() 和 Array.flatMap()。这些方法可以大大改善 JavaScript 中数组的操作和处理，尤其是在处理嵌套数组方面。本文着重介绍这两个新方法的详细用法，并提供实用示例代码。
1. Array.flat() 方法
Array.flat() 方法用于将一个多维数组平坦化为一维数组。这个方法接受一个可选的参数depth，表示需要平化的嵌套深度。如果不指定depth参数，则默认为1，也就是只平坦化一层嵌套数组。如果指定depth为Infinity，则会平坦化所有嵌套层级的数组。
下面是 Array.flat() 方法的使用示例：
-- -------------------- ---- ------- ----- ---- - --- -- --- ---- ------------------------- -- --- -- -- -- ----- ---- - --- -- --- --- ----- -------------------------- -- --- -- -- --- --- -------------------------- -- --- -- -- -- -- ----- ---- - --- -- --- --- --- ------ --------------------------------- -- --- -- -- -- -- --
2. Array.flatMap() 方法
Array.flatMap() 方法可以执行 map 和 flat 两个操作。这个方法首先对数组中的每个元素执行 map 操作，然后根据指定的深度（可选）将嵌套数组平坦化为一维数组。需要注意的是，flatMap() 方法返回的是一个新数组，不会对原数组产生影响。
下面是 Array.flatMap() 方法的使用示例：
const arr1 = [1, 2, 3];
console.log(arr1.flatMap(x => [x * 2])); // [2, 4, 6]
const arr2 = ['Hello', 'World'];
console.log(arr2.flatMap(str => str.split(''))); // ['H', 'e', 'l', 'l', 'o', 'W', 'o', 'r', 'l', 'd']
const arr3 = [1, 2, [3, 4]];
console.log(arr3.flatMap(x => x + 1)); // [2, 3, 4, 5]3. 总结
通过使用 Array.flat() 和 Array.flatMap() 方法，我们可以更加方便地处理嵌套数组，提高数组操作效率。在使用 Array.flatMap() 方法时，需要注意它会对原数组产生副作用。同时，需要注意在某些环境下这些方法不一定得到支持，需使用 polyfill 或者其他相关的兼容性解决方案。希望本文对读者理解和运用这两个新的数组方法有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649e760448841e9894af8883