前几天无意中看到一个网友blog上关于这个循环效率的问题,说要尽量避免使用。
有点害怕,我在
JSI中可是用了不少,呵呵。
测试一下,负担终于可以放下来了:
测试对象:
一个对象模拟map,测试for in 循环
两个数组,测试for(;;)循环
连续4次运行时间比。
957/1278;955/1357;1014/1282;968/1392
明显,要实现类似map的功能,还是for in 快点。
上面的数据是ff2上的结果,ie7上也差不多,差距更小一点。
测试代码:
js 代码
- function C(i){
- return i<62?
- String.fromCharCode(i+=
- i<26?65
- :i<52?71
- :-4
- )
- :i<63?'_'
- :i<64?'$'
- :C(i>>6)+C(i&63)
- }
- var map = {};
- var arr1 = [];
- var arr2 = [];
-
- for(var i = 0;i<1000;i++){
- var c = C(i);
- map[c] = i;
- arr1.push(c);
- arr2.push(i);
- }
- var i = 0;
- var mapTime = 0;
- var arrTime = 0;
- var inc = 0
- while(inc++<500){
- var t1 = new Date();
- for(var n in map){
- n = map[n];
- }
- var t2 = new Date();
- for(var j = 0;j<1000;j++){
- n =arr1[j];
- n =arr2[j];
- }
- var t3 = new Date();
- mapTime+=(t2-t1);
- arrTime+=(t3-t2);
- }
-
- prompt("mapTime/arrTime",mapTime +'/'+arrTime)
分享到:
相关推荐
浏览器性能测试是衡量一个浏览器处理JavaScript代码效率的重要方式。JavaScript引擎是现代浏览器的核心组成部分,它负责解释和执行网页中的JS代码。"浏览器性能测试JavaScript脚本"是一个专门用于评估JavaScript引擎...
深入理解JavaScript系列(1):编写高质量JavaScript代码的基本要点 深入理解JavaScript系列(2):揭秘命名函数表达式 深入理解JavaScript系列(3):全面解析Module模式 深入理解JavaScript系列(4):立即调用...
for..in循环; 一、for循环 不足: 在于每次循环的时候数组的长度都要去获取; 终止条件要明确; 在for循环中,你可以循环取得数组或是数组类似对象的值,譬如arguments和HTMLCollection对象。通常的循环形式如下:...
7. **优化循环**:合理使用for、while等循环结构,避免在循环体内部进行不必要的计算或DOM操作。 8. **使用let和const替代var**:var可能导致变量提升和作用域污染,而let和const能更好地控制作用域,有助于优化...
JavaScript 支持不同类型的循环: for – 循环代码块一定的次数 for/in – 循环遍历对象的属性 while – 当指定的条件为 true 时循环指定的代码块 do/while – 同样当指定的条件为 true 时循环指定的代码块 1. ...
(2)for..in循环; 使用for循环进行迭代数组对象,想必大家都已经司空见惯了。但是,使用for.. in循环时,大家可要注意了,为什么这么说呢?大家听我娓娓道来…. javascript提供了一种特殊的循环(也就是for .. in...
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`循环性能测试,以及如何通过不同方式优化遍历数组的效率。 首先,我们来看三种常见的`for`循环遍历数组的方法: 1. 基本`for`循环: ```javascript for (var i = 0; i ; i++) { ...
- **for/in**循环:用于遍历对象的所有可枚举属性,如`for (var prop in obj)`。 - **while**循环:当给定的条件为`true`时,持续执行代码块,如`while (condition) { ... }`。 - **do/while**循环:与`while`类似,...
JavaScript中的`for`循环是一种常用的控制流语句,用于重复执行一段代码,直到特定条件不再满足。在JavaScript中,`for`循环有多种形式,但最常见的是四部分结构:初始化、条件检查、迭代更新和循环体。在这个案例中...
我们可以这样输出数组的值:一般写法:使用for循环尝试一下 »不同类型的循环JavaScript 支持不同类型的循环:循环代码块一定的次数循环遍历对象的属性当指
通过阅读《高性能JavaScript编程》,开发者不仅能掌握JavaScript的核心概念,还能学习到一系列实战技巧,以提高JavaScript代码的运行效率,打造更加流畅、响应迅速的Web应用。这是一本值得每个JavaScript开发者深入...
11. **调试和测试**:提供JavaScript性能测试和调试的工具和技巧,帮助开发者识别和修复性能问题。 12. **源码分析**:通过实例分析JavaScript库和框架的源码,揭示其中的性能优化策略。 这本书对于想要提升...
对于遍历对象属性,使用Object.keys()或for...in循环,但注意for...in不应用于遍历数组,因为它会遍历原型链。 5. **避免不必要的DOM操作**: DOM操作通常是昂贵的,因为它们涉及浏览器渲染。尽量减少在循环中对...
通过阅读《Professional JavaScript for Web Developers 2nd Edition》,Web开发者可以系统地学习JavaScript,掌握其核心概念和技术,从而在实际项目中更加熟练地运用这门语言,提升开发效率和代码质量。无论你是...
"SuperMap for JavaScript 8c 2017" 是一套专为Web应用程序设计的GIS(地理信息系统)开发框架,它允许开发者利用JavaScript语言构建功能丰富的地图应用。这个开发包包含了一系列必要的库文件和资源,使得开发者能够...