在 JavaScript 中，数组是一种非常常见的数据结构，我们使用它来存储和操作一组数据。然而，在使用数组时，我们经常会遇到一些问题，例如多维数组、数组扁平化等等。这些问题在过去是需要通过一些循环、递归等方法来解决的。但是在 ECMAScript 2019 版本中，新增了一个很重要的数组方法：Flat Array，可以轻松地解决以上这些问题，本文将详细介绍此方法的使用，并帮助读者彻底告别常见的数组操作错误。
Flat Array 是什么？
Flat Array 是 JavaScript 的一个新增方法，可以将多维数组扁平化为一维数组。它的语法如下：
array.flat(depth)
参数 depth 表示扁平化的深度，缺省值为 1，即默认只扁平化一层。如果要完全扁平化数组，则可以传入 Infinity，如下所示：
const arr = [1, [2, [3, [4]]]]; arr.flat(Infinity); // [1, 2, 3, 4]
Flat Array 怎么用？
扁平化多维数组
在 JavaScript 中，我们可以创建多维数组来存储和操作更复杂的数据。但是，在处理多维数组时，我们常常需要使用递归等方法来依次遍历这些维度。而将多维数组扁平化后，则可以大大简化多维数组的操作。
const arr = [1, [2, [3, [4]]]]; arr.flat(); // [1, 2, [3, [4]]]
如果需要扁平化所有的维度，则可以通过设置深度来实现：
const arr = [1, [2, [3, [4]]]]; arr.flat(Infinity); // [1, 2, 3, 4]
移除无效元素
在数组中，有时我们会出现一些无效元素，例如 null、undefined、空字符串等等。这些元素在数组中不仅占用空间，而且可能导致程序出错，因此我们希望能够将这些无效元素从数组中移除。利用 Flat Array 方法，我们可以很方便地实现这个需求。
const arr = [1, 2, null, 3, undefined, 4, '', 5, [], {}, 6];
arr.flat(); // [1, 2, 3, 4, 5, [], {}, 6]可以看到，通过 Flat Array 方法，我们移除了所有的无效元素，只保留了有效的元素。
扁平化字符串数组
对于字符串数组，有时我们需要将它们扁平化为一个字符串，以便于输出或传递。例如：
const arr = ['Hello', ['World', ['!']]];
arr.flat().join(''); // 'HelloWorld!'可以看到，我们可以直接将数组扁平化，并使用 join() 方法将其组合成一个字符串。
总结
本文详细介绍了 ECMAScript 2019 中的 Flat Array 方法，并提供了多种实际应用场景的示例。可以看出，Flat Array 方法不仅可以简化代码，而且可以提高数组处理的效率和质量。建议读者在实际开发中多加尝试，以期更好地利用该方法，提高自己的编程技能和水平。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/652f9d667d4982a6eb0ca6f1