在前端开发中，我们经常需要对数组进行遍历操作。JavaScript 提供了一种方便的方法 Array.forEach()，它可以帮助我们轻松地对数组进行迭代操作。但是，并非所有的浏览器都原生支持这个方法。那么，哪些 Web 浏览器原生支持 Array.forEach() 方法呢？让我们深入了解一下。
支持 Array.forEach() 的浏览器版本
根据 Can I use 网站的数据，Array.forEach() 方法从以下浏览器版本开始得到原生支持：
- Chrome 1
- Edge 12
- Firefox 1.5
- Internet Explorer 9
- Opera 9.5
- Safari 3
以上版本之后的所有浏览器均已支持该方法。
使用 Array.forEach() 的示例代码
下面是一个使用 Array.forEach() 方法的示例代码：
----- --- - --- -- --- ---------------- -- - ------------------ ---
上述代码将输出以下结果：
- - -
该代码将数组 [1, 2, 3] 中的每个元素作为参数传递给回调函数，并依次执行该函数。由于此处的回调函数使用箭头函数语法，因此它只有一个参数 item，并且没有显式的 return 语句。如果需要在回调函数中返回一个值，则需要使用传统的函数语法和 return 关键字。
如何在不支持 Array.forEach() 的浏览器上使用它？
如果要在某个不支持 Array.forEach() 方法的浏览器上使用该方法，可以使用 Polyfill。Polyfill 是一种 JavaScript 代码片段，它可以模拟新的 API 并使其在旧版浏览器中运行。以下是一个使用 Polyfill 实现 Array.forEach() 方法的示例代码：
-- -------------------------- -
----------------------- - ------------------ -------- -
-- ------- -------- --- ----------- -
----- --- ------------------ - - -- --- - -----------
-
--- ------- - ------- -- -------
--- ---- - - -- - - ------------ ---- -
---------------------- -------- -- ------
-
--
-上述代码首先检查当前的浏览器是否已经原生支持了 Array.forEach() 方法。如果没有，则定义自己的 forEach() 方法，并使用传递给它的回调函数依次处理数组中的每个元素。
结论
Array.forEach() 方法是一个很方便的数组迭代工具，但并非所有的浏览器都原生支持它。如果需要在旧版浏览器中使用该方法，则可以使用 Polyfill 进行兼容性处理。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/26013