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

68 阅读 0 评论 45 点赞

我是靠谱客的博主欣慰野狼，最近开发中收集的这篇文章主要介绍关于forEach与for循环的区别----你应该了解这4点，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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) {}