ES7 中新增了 Array.prototype.flat() 方法，该方法能够将多维数组转化为一维数组。然而，在 IE 浏览器下并不支持该方法，本文将介绍如何解决 IE 浏览器下的兼容性问题。
解决方案
在 IE 浏览器下，我们可以使用递归的方式手写一个 flat() 方法，如下所示：
-- ----------------------- -
-------------------- - ---------- -
--- ------ - ---
----- --------- - --------------- -
--- ---- - - -- - - ------------- ---- -
----- ---- - ---------
-- --------------------- -
----------------
- ---- -
------------------
-
-
-
----------------
------ -------
-
-上述代码中，我们首先判断浏览器是否支持 flat() 方法，如果不支持，则手写一个 flat() 方法。具体来说，我们定义了一个递归函数 recursion()，用于遍历每一个元素，如果该元素为数组，则继续递归遍历，否则将该元素添加到结果集合中。
示例代码
为了更加直观地了解 flat() 方法的实现原理，在这里我们给出一个示例代码：
----- --- - ------- ----- -------- ----------- -- - ------ ------ --- -- -- -- -- -- -- - -- ------ --- -- -- -- --- ---
在 Chrome 浏览器下，我们得到的结果为一维数组 [1, 2, 3, 4, 5, 6]，而在 IE 浏览器下，则得到了一个含有嵌套数组的一维数组 [1, 2, 3, 4, [5, 6]]。这就是由于 IE 不支持 flat() 方法导致的问题。
我们可以将上述手写的 flat() 方法添加到代码中，即可在 IE 浏览器下也得到 [1, 2, 3, 4, 5, 6] 的结果：
-- ----------------------- - -------------------- - --- -- ---- ------ -- - ----- --- - ------- ----- -------- ----------- -- - ------ - -- -------- --- -- -- -- -- --
总结
本文介绍了 ES7 中 Array.prototype.flat() 方法在 IE 浏览器下的兼容性问题，并提供了解决方案和示例代码。同时，我们还介绍了通过手写递归方式以实现 flat() 方法的具体实现原理。在实际开发中，我们应该在代码中判断浏览器是否支持 flat() 方法，并根据不同情况采取相应的解决方案，以确保代码在不同浏览器中均能正常运行。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/65a77652add4f0e0ff09171e