JavaScript 数组 forEach 详解：兼容性与循环控制

基本用法与注意事项

forEach 用于对数组中的每个元素执行一次提供的函数。它比传统的 for 循环语法更为简洁，适合无需获取索引或提前终止循环的场景。

// 简单的匿名函数调用示例
var arr = [1, 2, 3, 4];
arr.forEach(function(item) {
    console.log(item);
});

// 使用已有函数引用
function logItem(val) { console.log(val); }
arr.forEach(logItem);

尽管 forEach 在现代浏览器（Chrome, Firefox 等）中广泛支持，但在老旧的 IE8 及以下版本中，Array.prototype 并未包含此方法。若在环境中直接调用，将抛出异常。

解决 IE 浏览器兼容性问题

为了兼容不支持原生的 forEach 的浏览器环境（如旧版 IE），可以在脚本加载初期手动扩展 Array.prototype。以下代码参考了 MDN 的标准实现逻辑：

// 如果浏览器不支持原生 forEach，则定义 polyfill
if (!Array.prototype.forEach) {
  Array.prototype.forEach = function(callback, thisArg) {
    var T, k;
    if (this == null) {
      throw new TypeError('this is null or not defined');
    }
    var O = Object(this);
    // 转换为无符号32位整数确定长度
    var len = O.length >>> 0; 
    
    // 校验回调函数是否为函数类型
    if ({}.toString.call(callback) != '[object Function]') {
      throw new TypeError(callback + ' is not a function');
    }
    
    // 若指定了 thisArg，则以该对象为上下文，否则默认为 undefined
    if (thisArg) {
      T = thisArg;
    }
    
    k = 0;
    while (k < len) {
      var kValue;
      // 检查数组是否包含当前索引键值
      if (k in O) {
        kValue = O[k];
        callback.call(T, kValue, k, O);
      }
      k++;
    }
  };
}

插入上述代码后，无论在何种环境下，均可安全调用数组的 forEach 方法。

如何跳出 or 跳过循环

与原生的 for 循环不同，forEach 内部不支持使用 break 和 continue 关键字来控制流程。若强行使用会导致语法错误。以下是两种常用的替代方案：

第1步：使用 if 语句控制逻辑

在回调函数内部结合条件判断，模拟过滤效果。这是最清晰的写法。

var numbers = [1, 2, 3, 4, 5, 6];
var targets = [];

numbers.forEach(function(num) {
    // 仅处理能被 2 整除的数字
    if (num % 2 === 0) {
        targets.push(num);
    }
});

第2步：利用 return 实现跳过（类似 continue）

在回调函数中使用 return 关键字可以直接终止当前元素的执行并进入下一个迭代。这在需要复杂逻辑提前退出时使用非常方便。

var numbers = [1, 2, 3, 4, 5, 6];
var targets = [];

numbers.forEach(function(num) {
    // 若不能被 2 或 3 整除，则跳过本次循环
    if (num % 2 !== 0 && num % 3 !== 0) {
        return;
    }
    targets.push(num);
});

注意：return false、return true 以及空 return 的效果一致，均表示跳过剩余代码执行下一项，无法实现真正的 break 功能（即完全终止整个遍历）。若需彻底终止循环，建议使用 for...of 配合 break 或使用 ES5 之后的 every() / some() 方法。