`
jindw
  • 浏览: 508891 次
  • 性别: 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脚本

    浏览器性能测试是衡量一个浏览器处理JavaScript代码效率的重要方式。JavaScript引擎是现代浏览器的核心组成部分,它负责解释和执行网页中的JS代码。"浏览器性能测试JavaScript脚本"是一个专门用于评估JavaScript引擎...

    深入理解JavaScript系列(.chm)

    深入理解JavaScript系列(1):编写高质量JavaScript代码的基本要点 深入理解JavaScript系列(2):揭秘命名函数表达式 深入理解JavaScript系列(3):全面解析Module模式 深入理解JavaScript系列(4):立即调用...

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

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

    JavaScript性能优化的小知识总结共23页.pdf

    7. **优化循环**:合理使用for、while等循环结构,避免在循环体内部进行不必要的计算或DOM操作。 8. **使用let和const替代var**:var可能导致变量提升和作用域污染,而let和const能更好地控制作用域,有助于优化...

    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...

    Learning [removed] JavaScript programming Vol 1: The language core

    In this »training in a book« you will develop parts of a webshop, mix cocktails with arrays, create background images with recursion and fight the »dark side of JavaScript«. You won’t need any ...

    javascript for循环性能测试示例

    本文将深入探讨JavaScript中的`for`循环性能测试,以及如何通过不同方式优化遍历数组的效率。 首先,我们来看三种常见的`for`循环遍历数组的方法: 1. 基本`for`循环: ```javascript for (var i = 0; i ; i++) { ...

    WEB开发 之 JavaScript For 循环.docx

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

    js for循环输出

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

    sjqzhang#webtech#JavaScript for 循环1

    我们可以这样输出数组的值:一般写法:使用for循环尝试一下 »不同类型的循环JavaScript 支持不同类型的循环:循环代码块一定的次数循环遍历对象的属性当指

    《高性能JavaScript编程》.Nicholas.C.Zakas著.英文版

    通过阅读《高性能JavaScript编程》,开发者不仅能掌握JavaScript的核心概念,还能学习到一系列实战技巧,以提高JavaScript代码的运行效率,打造更加流畅、响应迅速的Web应用。这是一本值得每个JavaScript开发者深入...

    [高性能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语言构建功能丰富的地图应用。这个开发包包含了一系列必要的库文件和资源,使得开发者能够...

Global site tag (gtag.js) - Google Analytics