ECMAScript 2019 带来的新特性：Array.flat 方法支持深度扁平化

ECMAScript 2019 带来的新特性：Array.flat 方法支持深度扁平化

ECMAScript 2019 带来了许多新的特性，其中 Array.flat 方法是一个非常实用的新特性。该方法可以将嵌套数组扁平化，使其变成一个一维数组。在以前的版本中，该方法只能扁平化一层数组，但在 ECMAScript 2019 中，该方法已经支持深度扁平化了。

Array.flat 方法的语法如下：

array.flat([depth])

其中，array 是要进行扁平化的数组，depth 是指定扁平化的深度。如果不指定 depth，则默认为 1，只会扁平化一层数组。

Array.flat 方法返回一个新的数组，不会改变原数组。

深度扁平化的实现方法如下：

let arr = [1, 2, [3, 4, [5, 6]]];
let newArr = arr.flat(Infinity);
console.log(newArr); // [1, 2, 3, 4, 5, 6]

在上面的示例中，我们可以看到，原始数组 arr 中包含了嵌套的数组。我们使用 flat 方法将其深度扁平化，得到了一个一维数组 newArr。

除了使用 Infinity 指定深度外，我们还可以使用数字指定深度。例如：

let arr = [1, 2, [3, 4, [5, 6]]];
let newArr = arr.flat(2);
console.log(newArr); // [1, 2, 3, 4, 5, 6]

在上面的示例中，我们将深度指定为 2，即扁平化两层嵌套的数组。最终得到的结果与深度为 Infinity 时相同。

除了 flat 方法，我们还可以使用 flatMap 方法对数组进行深度扁平化和映射操作。flatMap 方法的语法如下：

array.flatMap(callback[, thisArg])

其中，callback 是一个回调函数，用于对数组进行映射操作。thisArg 是可选的，用于指定 callback 函数中的 this 值。

flatMap 方法将原数组先进行一次 flat 操作，然后再对扁平化后的数组进行映射操作。例如：

let arr = [1, 2, 3];
let newArr = arr.flatMap(x => [x, x * 2]);
console.log(newArr); // [1, 2, 2, 4, 3, 6]

在上面的示例中，我们使用 flatMap 方法对数组进行了映射操作，将数组中的每个元素都映射成一个包含该元素和其两倍的新数组。最终得到的结果是一个一维数组。

总结

Array.flat 方法是 ECMAScript 2019 中非常实用的新特性，可以帮助我们将嵌套的数组进行深度扁平化。除了 flat 方法外，还可以使用 flatMap 方法对数组进行深度扁平化和映射操作。这些方法的使用可以大大提高我们的编程效率，让我们的代码更加简洁和易于维护。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65f3b73d2b3ccec22fc274bc