js循环遍历性能

元气小坏坏 提交于 2019-11-29 17:09:46
  1. 定length for循环 (有length)
  2. 不定length for循环(使用数组length)
  3. 不定length for循环(判断数组length是否存在)
  4. forEach(Array自带,对某些不适用例如:NodeList)
  5. forof(es6)
  6. map
  7. forin

结论:

普通for循环才是最优雅的

(PS:以上所有的代码都只是进行空的循环,没有再循环内部执行代码,仅仅是分析各自循环的时间而已)

性能对比截图

分析结果1

以下截图中的数据是,在chrome (支持es6)中运行了100次后得出的结论(每次运行10次,一共10个循环,得到的分析结果) 

可以看出,forin循环最慢。优化后的普通for循环最快

分析结果2

以下截图数据是,在chrome (支持es6)中运行了1000次后得出的结论(每次运行100次,一共10个循环,得到的分析结果) 

 
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!