你在用哪个循环for、forEach、map的性能对比

2,211 阅读2分钟

性能对比测试

当循环10万次时,平均时间 xunhuan-10.png

当循环100万次时,平均时间 xunhuan-100.png

结论:

整体效率 for>filter>foreach≈map>for in

原因分析:

for:for循环没有额外的函数调用栈和上下文,所以它的实现最为简单。

forEach:对于forEach来说,它的函数签名是这样的

**

array.forEach(function(currentValue, index, arr), thisValue)

其中包含了参数和上下文,这回影响它的性能。

map:map最慢的原因是因为map会返回一个新的数组,数组的创建和赋值会导致分配内存空间,因此会带来较大的性能开销。如果将map嵌套在一个循环中,便会带来更多不必要的内存消耗。

对比

for 与 forEach、map的区别

  • 在固定长度或者长度不要计算的时候for循环效率高于foreach和map,for循环中可以通过break终止。
  • 在不确定长度或者计算长度有损性能的时候用foreach和map比较方便

forEach、map的区别

相同点:

  • 都是循环遍历数组中的每一项
  • forEach和map方法里每次执行匿名函数都支持3个参数,参数分别是item(当前每一项),index(索引值),arr(原数组)
  • 循环匿名函数中的this都是指向window
  • 循环只能遍历数组
  • 循环都不会改变原数组 不同点:
  • map方法返回一个新的数组,数组中的元素为原始数组调用函数处理后的值
  • forEach方法不会返回新数组

forEach导致的其他问题

  • 不支持处理异步函数
  • 无法捕获异步函数中的错误
  • 除了抛出异常以外,没有办法中止或跳出 forEach() 循环
  • forEach 删除自身元素,index不可被重置
  • this指向问题
  • 会跳过已删除或者未初始化的项