关于forEach与for循环的区别----你应该了解这4点

本文链接：https://blog.csdn.net/Centenario_0/article/details/123295698

本文详细比较了for循环与forEach在性能、循环控制、全局变量影响及跳出方式等方面的差异。for循环在控制复杂性和灵活性上更胜一筹，而forEach则在避免污染全局变量上具有优势。在性能方面，for循环通常更快，但具体表现还需结合实际场景。对于循环控制，for循环支持continue和break，而forEach则需借助try-catch实现类似效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、性能区别：for > forEach ？ 🔥

1、for语法糖循环最简单，它没有任何额外的函数调用和上下文；
2、forEach函数签名更为复杂array.forEach(function(currentValue, index, arr), thisValue)，有诸多参数和上下文在执行时需考虑，性能可能减弱，不过实际性能情况应结合数据量与浏览器引擎版本等因素来考量。

2、循环设置与跳出区别 🔥

1、for循环可以使用continue跳出当次循环，使用break跳出整个循环，forEach不行；
2、for循环可控制循环起点i,forEach只能默认从0开始；
3、for循环可在循环中修改i,forEach不行（底层隐式控制index 自增，无法操作）

3、对全局变量的影响区别 🔥

forEach()传入的是一个回调函数，因而形成一个作用域，其内部所定义的变量不会像for 循环一样污染全局变量

4、循环跳出方式 🔥

for : continue、break

    let arr = [1,2,3,4,5];
    let target = 3;
    for(let i = 0; i < arr.length; i++) {
        if(arr[i] === 1) continue; // 跳出单次循环
           console.log(arr[i]);
        if(arr[i] === target ) {
            break // 跳出循环
        }
    }

forEach：forEach需结合try catch操作，通过return跳出当次循环，通过抛出异常throw Error()的方式跳出整个循环

	let arr = [1,2,3,4,5];
    let target = 3;
    try {
        arr.forEach( e => {
            if (e === 1) return; // 跳出单次循环
                console.log(e)
            if(e === target) {
                throw Error() // 跳出循环
            }
        })
    } catch (e) {}