for与forEach的区别

for与forEach的区别

1.写法不同(众所周知)

  var menuEx = ['a','b',...]
  var m = 'b'
  for (let = 0; i < menuEx.length; i++) {
      if (m != menuEx[i]) continue
      return true
    }
 
//以上可直接用数据的函数includes来实现,上面只是用来示例，请忽略
 
  this.menuEx.forEach(v => {
              if(m==v) {return true}
            })

2.中断循环不同

for循环是可以中断循环（利用break语句或return语句）

forEach是没有

3.关于扩展js原生的Array类

使用for循环时，打印每个value值，并不会打印出来扩展js原生的Array类（譬如下图），但使用forEach循环，就可以打印出来。

4.关于循环中包含有异步语句

for循环中包含异步语句时，初次遍历，进入到最里面的异步函数时，打印k,for循环已经循环完了，所以这个时候你打印的任何东西都是数组的最后一项。但是利用forEach循环，打印出来的就是数组中的每一项，不管异不异步。

for循环中会等异步调用完成后再执行后面的语句

forEach中包含异步调用时会直接执行后面的语句

如果循环中包含了异步调用、并且循环后的同步操作调用了遍历后的结果，应该使用for循环代替forEach

5.实现原理不同

for循环:通过下标，对循环中的代码反复执行，功能强大，可以通过index取得元素。在处理比较复杂的处理的时候较为方便。

foreach：从头到尾，对于集合中的对象遍历。适用于简单的遍历。foreach使用的时候，会锁定集合的对象，期间不能进行新增/修改

6.效率不同

for循环没有额外的函数调用栈和上下文，所以它的实现最为简单。forEach：对于forEach来说，它的函数签名中包含了参数和上下文，所以性能会低于 for 循环。

foreach相对于for循环，代码减少了，但是foreach依赖IEnumerable(迭代器，es5新增特征)。在运行的时候效率低于for循环。当然了，在处理不确定循环次数的循环，或者循环次数需要计算的情况下。使用foreach比较方便。而且foreach的代码经过编译系统的代码优化后，和for循环的循环类似。