随着前端技术的不断发展，使用多维数组的场景也越来越多。但是，对于许多开发者而言，多维数组的操作往往比较复杂，尤其是在需要进行深度操作时更是如此。对于这类需求，ES7 提供了一种新的 Array 原型方法，即 Array.prototype.flat()，利用该方法，可以轻松地简化多维数组的操作。
什么是 Array.prototype.flat()
Array.prototype.flat() 是一种 ES7 提供的原型方法，可以将一个多维数组的嵌套层数减少一层，并将其转化为一个新的数组。该方法返回的是一个新数组，原数组不会发生改变。
如何使用 Array.prototype.flat()
使用 Array.prototype.flat() 可以轻松地将一个多维数组打平。该方法的使用方式如下：
arr.flat([depth])
- arr：要打平的多维数组。
- depth：可选参数，指示要递归的层数。默认值为 1。
示例代码
假设我们有一个多维数组，如下所示：
const arr = [1, 2, [3, 4, [5, 6]]];
如果我们想将其打平，可以使用以下方式：
const newArr = arr.flat(); console.log(newArr); // [1, 2, 3, 4, [5, 6]]
默认情况下，Array.prototype.flat() 只进行一层打平，如果需要进行更深的操作，可以传入一个数字作为参数，指示需要递归的层数。例如，将以上示例的层数增加到 2，代码如下所示：
const newArr2 = arr.flat(2); console.log(newArr2); // [1, 2, 3, 4, 5, 6]
如果需要将所有层级打平，可以传入 Infinity 作为参数。例如，将以上示例的层数设置为 Infinity，代码如下所示：
const newArr3 = arr.flat(Infinity); console.log(newArr3); // [1, 2, 3, 4, 5, 6]
总结
使用 Array.prototype.flat() 可以轻松地简化多维数组的操作，从而更方便地处理多层嵌套的数据。需要注意的是，该方法会创建一个新数组并返回它，原数组并不会被修改。同时，该方法也仅仅是将数组打平，不会对元素进行其他的操作，如需其他操作需要自行处理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c611cf4908f32798b2415b