在前端开发中，我们时常需要处理嵌套层次比较深的数组，而展平数组是其中一个常见需求。在 ES7 中，我们可以使用 Array.prototype.flat 方法来快速实现数组的展平操作。
Array.prototype.flat 方法详解
Array.prototype.flat 方法可以将嵌套的数组展平为指定的深度，返回一个新的数组。该方法可以接受一个可选参数 depth，表示展平的深度，默认值为 1。当 depth 的值为 Infinity 时，数组将被展平为一维数组。
下面是 Array.prototype.flat 方法的语法：
arr.flat([depth])
其中，arr 表示需要展平的数组，depth 表示展平的深度。
示例代码
下面是一个使用 Array.prototype.flat 方法展平数组的示例代码：
-- -------------------- ---- ------- ----- --------- - --- --- --- ----- ---- -- - --------- ---- ----- -------- - ----------------- ---------------------- -- --- -- --- ----- -- -- - --------- ---- ----- -------- - ------------------------- ---------------------- -- --- -- -- -- --
在上述示例代码中，我们定义了一个嵌套层次为 3 的数组 nestedArr，然后使用 flat 方法将其展平为一维数组 flatArr1 和 flatArr2。由于 flat 方法的默认值为 1，因此 flatArr1 只展平了一层，而 flatArr2 则完全展平了。
实际应用场景
Array.prototype.flat 方法在实际开发中有广泛的应用场景。例如，我们在处理数据时，可能需要将多个数组合并为一个数组，并去除其中的重复项。此时，可以使用 flat 方法将多个数组展平为一维数组，然后使用 Set 数据结构去除重复项，最后将结果转换回数组即可。示例代码如下：
const arr1 = [1, 2, 3];
const arr2 = [2, 3, 4];
const arr3 = [3, 4, 5];
const mergedArr = [arr1, arr2, arr3].flat().filter((item, index, array) => {
return array.indexOf(item) === index;
});
console.log(mergedArr); // [1, 2, 3, 4, 5]在上述示例代码中，我们定义了三个数组 arr1、arr2、arr3，然后将它们合并为一个数组 mergedArr，并去除其中的重复项。
总结
Array.prototype.flat 方法是一个快捷实用的数组操作方法，可用于快速展平数组并实现多个数组的合并等操作。在实际开发中，我们可以轻松地使用该方法优化代码，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64cb7e725ad90b6d0420d09c