forEach与for循环的区别（性能与循环跳出）

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                         // 跳出循环
        }
    }                                     // 打印  2  3

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) {
          
   }                  // 打印2 3

😄编写不易，各位看官给个3连吧~~