js之for与forEach循环的区别

本文深入探讨了for循环与forEach()方法在JavaScript中处理数组时的不同特性,包括变量作用域、循环控制及适用场景,帮助读者理解两者在实际编程中的优劣。

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

     首先,for循环在最开始执行循环的时候,会建立一个循环变量i,之后每次循环都是操作这个变量,也就是说它是对一个循环变量在重复的赋值,因此 i 在最后只会存储一个值;

     而forEach()虽然变量名没变,但是实际上每次循环都会创建一个独立不同的变量,而存储的数值自然也是不同的数值,因此相互之间不会影响;

     上面代码中,我们会发现使用for循环给每个p绑定事件时,无法正确的找到对应的p元素,最后显示的都是最后一个,这就是因为for循环是一瞬间执行完的,并且只有一个变量,只会存储一个值,也就是最后的那个值;而forEach()则可以正确的找到对应的p元素,因为每次循环都会创建一个不同的变量去记录。

  其次,我们知道for循环实际上是可以使用break和continue去终止循环的,但是forEach不行;

  那我们知道其实foreach相比较于for来说代码量其实是少了很多的,也有一些缺陷,那么我们该如何区分使用更好呢?一般来说,for多数时候都可以使用,当然一般我们需要知道循环次数;而forEach更适合于集合对象的遍历和操作,具体的我们还是需要根据不同的情景区分去使用了。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值