`
jindw
  • 浏览: 509962 次
  • 性别: Icon_minigender_1
  • 来自: 初到北京
社区版块
存档分类
最新评论

javascript 性能测试系列:for in 循环效率的疑惑

阅读更多
前几天无意中看到一个网友blog上关于这个循环效率的问题,说要尽量避免使用。
有点害怕,我在JSI中可是用了不少,呵呵。
测试一下,负担终于可以放下来了:

测试对象:
一个对象模拟map,测试for in 循环
两个数组,测试for(;;)循环

连续4次运行时间比。
957/1278;955/1357;1014/1282;968/1392


明显,要实现类似map的功能,还是for in 快点。

上面的数据是ff2上的结果,ie7上也差不多,差距更小一点。

测试代码:
js 代码
 
  1. function C(i){  
  2.   return i<62?  
  3.     String.fromCharCode(i+=  
  4.       i<26?65  
  5.         :i<52?71//97-26  
  6.           :-4//48-26-26  
  7.     )  
  8.       :i<63?'_'  
  9.         :i<64?'$'  
  10.           :C(i>>6)+C(i&63)  
  11. }  
  12. var map = {};  
  13. var arr1 = [];  
  14. var arr2 = [];  
  15.   
  16. for(var i = 0;i<1000;i++){  
  17.   var c = C(i);  
  18.   map[c] = i;  
  19.   arr1.push(c);  
  20.   arr2.push(i);  
  21. }  
  22. var i = 0;  
  23. var mapTime = 0;  
  24. var arrTime = 0;  
  25. var inc = 0  
  26. while(inc++<500){  
  27.   var t1 = new Date();  
  28.   for(var n in map){  
  29.     n = map[n];  
  30.   }  
  31.   var t2 = new Date();  
  32.   for(var j = 0;j<1000;j++){  
  33.     n =arr1[j];  
  34.     n =arr2[j];  
  35.   }  
  36.   var t3 = new Date();  
  37.   mapTime+=(t2-t1);  
  38.   arrTime+=(t3-t2);  
  39. }  
  40.   
  41. prompt("mapTime/arrTime",mapTime +'/'+arrTime)  
分享到:
评论
1 楼 hax 2007-05-28  
确实如此。关于js的效率问题,存在一些误解。例如有人认为各种循环中while最快,又说for中用--i最快,i--慢,i++最慢。但是实际测试的结果并非如此,即使有差距也可忽略不计。<br/>
<br/>
又,我曾经写过好几个版本的map,包括用数组的(使用indexOf,但ie需自行模拟)、用链表(对象上使用一个特别约定的属性指向下一个)的,以及用in的。最后是用in的最快,当然有个限制就是只能是字符串作key,而前两者是真正的map。

相关推荐

    跟我学习javascript的for循环和for…in循环

    for..in循环; 一、for循环 不足: 在于每次循环的时候数组的长度都要去获取; 终止条件要明确; 在for循环中,你可以循环取得数组或是数组类似对象的值,譬如arguments和HTMLCollection对象。通常的循环形式如下:...

    javascript中for/in循环及使用技巧

    JavaScript 支持不同类型的循环: for – 循环代码块一定的次数 for/in – 循环遍历对象的属性 while – 当指定的条件为 true 时循环指定的代码块 do/while – 同样当指定的条件为 true 时循环指定的代码块 1. ...

    JavaScript中for..in循环陷阱介绍

    (2)for..in循环; 使用for循环进行迭代数组对象,想必大家都已经司空见惯了。但是,使用for.. in循环时,大家可要注意了,为什么这么说呢?大家听我娓娓道来…. javascript提供了一种特殊的循环(也就是for .. in...

    WEB开发 之 JavaScript For 循环.docx

    - **for/in**循环:用于遍历对象的所有可枚举属性,如`for (var prop in obj)`。 - **while**循环:当给定的条件为`true`时,持续执行代码块,如`while (condition) { ... }`。 - **do/while**循环:与`while`类似,...

    javaScript循环结构程序设计

    javaScript循环结构程序设计,JavaScript提供了for、while、do…while等循环结构满足不同的循环情况。

    js for循环输出

    JavaScript中的`for`循环是一种常用的控制流语句,用于重复执行一段代码,直到特定条件不再满足。在JavaScript中,`for`循环有多种形式,但最常见的是四部分结构:初始化、条件检查、迭代更新和循环体。在这个案例中...

    [高性能JavaScript编程].(High.Performance.JavaScript).Nicholas.C.Zakas.中英对照版.pdf

    11. **调试和测试**:提供JavaScript性能测试和调试的工具和技巧,帮助开发者识别和修复性能问题。 12. **源码分析**:通过实例分析JavaScript库和框架的源码,揭示其中的性能优化策略。 这本书对于想要提升...

    如何提升JavaScript的运行速度(循环篇).doc

    对于遍历对象属性,使用Object.keys()或for...in循环,但注意for...in不应用于遍历数组,因为它会遍历原型链。 5. **避免不必要的DOM操作**: DOM操作通常是昂贵的,因为它们涉及浏览器渲染。尽量减少在循环中对...

    Professional JavaScript for Web Developers 2nd Edition

    通过阅读《Professional JavaScript for Web Developers 2nd Edition》,Web开发者可以系统地学习JavaScript,掌握其核心概念和技术,从而在实际项目中更加熟练地运用这门语言,提升开发效率和代码质量。无论你是...

    supermap for JavaScript 8c 2017开发包

    "SuperMap for JavaScript 8c 2017" 是一套专为Web应用程序设计的GIS(地理信息系统)开发框架,它允许开发者利用JavaScript语言构建功能丰富的地图应用。这个开发包包含了一系列必要的库文件和资源,使得开发者能够...

    javascript for循环设法提高性能

    总的来说,通过预先存储数组长度、反转循环方向以及适时使用while或do...while循环,我们可以有效地优化JavaScript中的for循环,以提高程序的运行效率。在编写代码时,应根据具体的应用场景和需求来选择最合适的优化...

    VSTE For Testers系列课程(2):深入Web测试

    【标题】:“VSTE For Testers系列课程(2):深入Web测试”是针对软件测试专业人士的一个专题课程,旨在提供关于Web应用测试的深入理解和实践技能。本课程可能涵盖了一系列关键概念和技术,如自动化测试、功能测试、...

    高性能JavaScript + 高清+目录 PDF

    作者还探讨了JavaScript的性能瓶颈分析和调试技巧,讲解如何使用浏览器的开发者工具进行性能测试和分析,以便找出并修复性能问题。此外,还涵盖了代码的模块化和加载策略,如何利用模块系统(如CommonJS和ES6模块)...

    Beginning JavaScript with DOM Scripting and Ajax: Second Editon

    Common Uses of JavaScript: Image and Windows JavaScript and User Integration: Navigation and Forms Back-End Interaction with Ajax and Node.js Data Validation Techniques Modern JavaScript Case Study: A...

    JavaScript权威指南(第6版).JavaScript:The.Definitive.Guide

    Since 1996, JavaScript: The Definitive Guide has been the bible for JavaScript programmers—a programmer's guide and comprehensive reference to the core language and to the client-side JavaScript APIs...

Global site tag (gtag.js) - Google Analytics