在开发前端项目的过程中，我们经常需要处理多维嵌套的数组。而数组扁平化则是非常常见的操作之一。随着 JavaScript 的发展，新的 ES 版本也会引入更多的新特性来方便我们对数组的操作。其中，ES7 中的 Array.prototype.flat 方法就极大地方便了数组扁平化的操作。
Array.prototype.flat 方法的定义与作用
在 ES7 中，Array 对象的原型中新增了 flat 方法。该方法接收一个可选参数，表示要扁平化的层数。它的作用便是将数组扁平化，将多层嵌套的数组转化为一维数组。
const arr = [1, 2, [3, 4]]; const flattenedArr = arr.flat(); console.log(flattenedArr); // [1, 2, 3, 4]
在上面的例子中，我们利用了 Array.prototype.flat 方法将包含一个嵌套数组的数组扁平化成了一个一维数组。
使用 Array.prototype.flat 方法进行数组扁平化
我们可以通过 Array.prototype.flat 方法来实现数组扁平化的操作。该方法可以接收一个可选参数 depth，它定义了要扁平化的层数。默认情况下，这个值为 1，意味着只会将数组中的一层嵌套扁平化。
const arr = [1, 2, [3, [4, 5]]]; const flattenedArr = arr.flat(); console.log(flattenedArr); // [1, 2, 3, [4, 5]]
在上面的代码中，flattenedArr 数组并没有将最深层的嵌套数组扁平化，因为该方法默认只会扁平化一层嵌套数组。因此我们可以设置参数 depth 为一个大于等于 2 的数字来扁平化多层嵌套的数组。
const arr = [1, 2, [3, [4, 5]]]; const flattenedArr = arr.flat(2); console.log(flattenedArr); // [1, 2, 3, 4, 5]
在上面的代码中，flattenedArr 数组成功将嵌套数组 [4, 5] 扁平化，得到了最终的一维数组。
Array.prototype.flat 方法在代码中的实际应用
扁平化数组是一个非常常见的操作，特别是在处理复杂的数据结构时。我们在实际应用中经常需要将多个数据源合并成一个统一的数据流，其中就会嵌套多层数组。使用 Array.prototype.flat 方法可以非常方便地将这些多层嵌套的数组扁平化，方便后续的数据处理。
-- -------------------- ---- ------- ----- ----- - - ---- -- ----- -------- -------- ------- ------------ ---- -- ----- ------ -------- --------- ------------ ---- -- ----- ---------- -------- --------- ------- -- -- --------- ----- ---------- - -------------- -- --------------------- ------------------------ -- ------- ---------- -------- ---------- -------- ------
在上面的代码中，我们用 map 方法将每个用户的 friends 数组取出来，并通过 flat 方法将它们扁平化。最终我们得到了一个包含了所有朋友的一维数组。
总结
Array.prototype.flat 方法提供了一种方便的数组扁平化方法，将多层嵌套的数组转化为一维数组，简化了对复杂数据结构的数据处理。使用该方法可以避免手动实现扁平化数组的代码，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ab7c3548841e9894752246