js之for与forEach循环的区别

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

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

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

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

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