在 ES7 中，新增了 Array.prototype.flat 方法，它可以将多层数组扁平化为一层数组。本文将详细介绍该方法的用法以及使用场景。
用法
Array.prototype.flat 方法，用于将一个多层嵌套的数组扁平化为一个一层的数组。该方法接收一个可选的参数 depth，用于指定需要扁平化的层数。如果不传递该参数，则默认值为 1。
-- -------------------- ---- ------- -- --- ----- -- ----- ---- - --- -- --- ---- ----- -------- - ------------ -- --------- --- -- -- -- -- -- ----- -- ----- ---- - --- -- --- --- ----- ----- -------- - ------------- -- --------- --- -- -- -- --
需要注意的是，该方法会跳过数组中的空位。
const arr = [1, 2, , 4]; const flatArr = arr.flat(); // flatArr: [1, 2, 4]
使用场景
扁平化多层数组
该方法最常用的场景，就是将多层数组扁平化为一个一层数组。
const arr = [1, [2, 3], [4, [5, 6]]]; const flatArr = arr.flat(Infinity); // flatArr: [1, 2, 3, 4, 5, 6]
去除数组中的空位
如果数组中存在空位，可以使用该方法去除这些空位。
const arr = [1, , 2, , 3]; const flatArr = arr.flat(); // flatArr: [1, 2, 3]
合并数组
对于包含多个数组的数组，使用该方法可以快速将这些数组合并成一个数组。
const arr = [[1, 2], [3, 4], [5, 6]]; const flatArr = arr.flat(); // flatArr: [1, 2, 3, 4, 5, 6]
总结
Array.prototype.flat 方法是一个十分有用的方法，可以帮助我们简化代码，并减少一些不必要的逻辑。该方法常用于扁平化多层数组、去除数组中的空位和合并数组等场景。在实际开发中，我们可以根据具体需求灵活运用该方法，提升开发效率。
以上就是关于 ES7 中 Array.prototype.flat 方法的详细讲解及使用场景介绍。希望本文能够对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c9b77c5ad90b6d0417e962