在 JavaScript 中，数组是一种非常常见的数据类型。在处理数组时，我们经常需要对其进行扁平化处理。ES9 引入了一种新的方法来处理扁平化数组，这个方法就是 Array.prototype.flat()。
什么是扁平化数组？
扁平化数组是将嵌套的数组转换为一个单层的数组。例如，[1, 2, [3, 4], 5] 这个数组就是一个嵌套的数组，扁平化后就变成了 [1, 2, 3, 4, 5]。
使用 Array.prototype.flat()
Array.prototype.flat() 方法可以将嵌套的数组扁平化为一个单层的数组。该方法接受一个可选的参数 depth，用于指定扁平化的深度。如果不传入 depth，则默认扁平化到一层。如果传入一个大于等于 0 的整数，则会扁平化到指定的深度。如果传入一个负数，则会扁平化所有嵌套的数组。以下是一些示例：
const arr1 = [1, 2, [3, 4], 5]; const arr2 = [1, 2, [3, [4, 5]]]; const arr3 = [1, [2, [3, [4, [5]]]]]; console.log(arr1.flat()); // [1, 2, 3, 4, 5] console.log(arr2.flat()); // [1, 2, 3, [4, 5]] console.log(arr2.flat(2)); // [1, 2, 3, 4, 5] console.log(arr3.flat(Infinity)); // [1, 2, 3, 4, 5]
在上面的示例中，arr1 和 arr2 分别扁平化到了一层，arr2 扁平化到了两层，arr3 扁平化到了最深的层级。
扁平化数组的应用
扁平化数组在实际的开发中有很多应用场景。以下是一些常见的应用场景：
数组去重
通过扁平化数组可以很容易地对数组进行去重操作。例如，以下是一个数组去重的示例：
const arr = [1, 2, 3, 2, [3, 4], [5, [6, 7]]]; const uniqueArr = Array.from(new Set(arr.flat(Infinity))); console.log(uniqueArr); // [1, 2, 3, 4, 5, 6, 7]
数组拍平
扁平化数组可以将嵌套的数组拍平成一个单层的数组。这在处理树形结构的数据时非常有用。例如，以下是一个将树形结构数据拍平的示例：
-- -------------------- ---- ------- ----- ---- - - - --- -- ----- ---- --------- - - --- -- ----- ---- --------- - - --- -- ----- --- - - -- - --- -- ----- --- - - -- - --- -- ----- --- - -- ----- -------- - -------- ------ - ------ ----------------- -- - - --- -------- ----- --------- -- ----------------- - ----------------------- - --- --- -- ---------------------------- -- - - --- -- ----- --- -- - --- -- ----- --- -- - --- -- ----- --- -- - --- -- ----- --- -- - --- -- ----- --- - - --展开代码
在上面的示例中，我们使用了 Array.prototype.flatMap() 方法来实现将树形结构数据拍平的操作。
总结
Array.prototype.flat() 方法是 ES9 新增的方法，用于将嵌套的数组扁平化为一个单层的数组。该方法非常实用，可以用于数组去重、树形结构数据拍平等场景。在使用该方法时，需要注意传入的参数 depth 的值，以及数组中是否存在 undefined 等值。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65ce1038add4f0e0ff72d2f5
