js之for与forEach循环的区别

　　回武汉打卡第四天，武汉加油，逆战必胜！今天咱们探讨一下for循环和forEach()循环的区别。

　　首先，for循环在最开始执行循环的时候，会建立一个循环变量i，之后每次循环都是操作这个变量，也就是说它是对一个循环变量在重复的赋值，因此 i 在最后只会存储一个值；而forEach()虽然变量名没变，但是实际上每次循环都会创建一个独立不同的变量，而存储的数值自然也是不同的数值，因此相互之间不会影响，如下；

　　

 

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

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

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