在前端开发中，处理数组是非常常见的一项任务。而在 ES10 中，新增了一个非常有用的方法，即 Array.flat() 方法，它可以将数组扁平化并返回一个新数组。除此之外， Array.flat() 方法还可以解决 NaN 的处理问题，让我们来了解一下。
Array.flat() 方法的基本用法
Array.flat() 方法可以将数组扁平化成指定深度的一维数组，其基本用法如下：
----- --- - --- --- ------ ----- ------- - ------------ -- --- -- --
在上面的例子中，我们将数组 arr 扁平化成了一个深度为 2 的一维数组。如果我们只想扁平化一层，可以将参数设置为 1，如果参数为 Infinity，则会扁平化所有层级。
Array.flat() 方法的 NaN 处理方法
在 JavaScript 中， NaN 表示 Not-a-Number，它是一个特殊的数字类型，用来表示某些输入值不是数字。但是由于 NaN 与自身不相等，这就给我们在处理数组时带来了一些困惑。让我们看一下下面的代码：
----- --- - --- -- ----- --- --- ----- ------- - ----------- -- --- -- ---- -- -- ---------------------------------- -- --
在上面的代码中，我们使用 Array.flat() 方法将数组 arr 扁平化，由于 NaN 与自身不相等，所以在扁平化后，NaN 的位置被改变了，导致无法正确的在数组中找到它。
解决这个问题的方法是使用 Array.flat() 方法的新参数 Infinity，它可以扁平化所有层级，并且在扁平化后， NaN 的位置仍然与原来的位置相同。让我们看一下下面的代码：
----- --- - --- -- ----- --- --- ----- ------- - ------------------- -- --- -- ---- -- -- ---------------------------------- -- -
在上面的代码中，我们设置参数为 Infinity，这样 NaN 会被正确的位置保留下来。这样就可以方便的查找 NaN 的位置了。
总结
在 ES10 中， Array.flat() 方法可以帮助我们将数组扁平化，且还可以解决 NaN 处理的问题。使用 Infinity 参数可以保留 NaN 的位置，方便查找。希望本文能够帮助你更好的理解 Array.flat() 方法，并在实际开发中运用它。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64c7b5795ad90b6d041180aa