1、for
语法糖循环最简单,它没有任何额外的函数调用和上下文;
2、forEach
函数签名更为复杂array.forEach(function(currentValue, index, arr), thisValue)
,有诸多参数和上下文在执行时需考虑,性能可能减弱,不过实际性能情况应结合数据量与浏览器引擎版本等因素来考量。
1、for循环可以使用continue
跳出当次循环,使用break
跳出整个循环,forEach不行;
2、for循环可控制循环起点i
,forEach只能默认从0
开始;
3、for循环可在循环中修改i
,forEach不行(底层隐式控制index 自增,无法操作)
forEach()传入的是一个回调函数,因而形成一个作用域,其内部所定义的变量不会像for 循环一样污染全局变量
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) {}
编写不易,望各位看官给个3连吧!!!