Javascript数组循环遍历之forEach详解

1.js 数组循环遍历。 数组循环变量，最先想到的就是 for(var i=0;i<count> &lt;HTML&gt; &lt;HEAD&gt; &lt;TITLE&gt; New Document &lt;/TITLE&gt; &lt;META NAME="Author" CO 在JavaScript中，数组遍历是常见的操作，而`forEach`是一种简洁且常用的方法。本文将深入探讨`forEach`方法的细节及其在不同浏览器中的兼容性问题。 1. **`forEach`的基本用法** `forEach`是ECMAScript 5引入的一种数组遍历方法，允许我们对数组的每个元素执行一个函数。基本语法如下： ```javascript array.forEach(function callback(currentValue[, index[, array]]) { // 代码块 }, [thisArg]) ``` 其中，`callback`是一个执行函数，`currentValue`是当前元素的值，`index`（可选）是当前元素的索引，`array`（可选）是调用`forEach`的数组。`thisArg`（可选）用于设置回调函数内部的`this`值。 2. **示例** 下面的示例展示了如何使用`forEach`来打印数组中的所有元素： ```javascript var arr = [1, 2, 3, 4]; arr.forEach(function(item) { console.log(item); }); ``` 3. **浏览器兼容性** `forEach`在现代浏览器如Firefox和Chrome中是原生支持的，但在旧版本的Internet Explorer中并未实现。为了解决这个问题，可以通过检查`Array.prototype.forEach`是否存在，如果不存在，则可以手动添加该方法，如下所示： ```javascript if (!Array.prototype.forEach) { Array.prototype.forEach = function(callback, thisArg) { // 实现forEach逻辑 }; } ``` 4. **退出循环** `forEach`不支持`break`或`continue`语句来提前结束或跳过循环。但是，可以通过`if`语句控制或者在回调函数中使用`return`来达到类似效果。例如，下面的代码会找出数组中2的倍数和3的倍数的元素： ```javascript var numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; numbers.forEach(function(num) { if (num % 2 === 0 || num % 3 === 0) { console.log(num); // 如果不需要继续遍历，可以返回true // return true; } }); ``` 5. **注意事项** - `forEach`不会改变原始数组。 - 如果在遍历过程中删除数组元素，不会影响已计划的迭代，但之后的索引可能会跳过一些值。 - 在回调函数中，`this`的值取决于传递给`forEach`的`thisArg`参数，如果没有提供，则在严格模式下为`undefined`，在非严格模式下为全局对象。 JavaScript中的`forEach`方法提供了一种方便、简洁的方式来遍历数组，虽然在某些老版本的IE中不支持，但可以通过简单的代码添加兼容性支持。在实际开发中，根据项目需求和目标浏览器选择合适的方法进行数组遍历。