js 数组的for循环到底应该怎么写?


Posted in Javascript onMay 31, 2010

然后来看看今天我开始怀疑哪个权威哦家伙了。。。

自从开始学编程,自从接触到数组这个东西,我就一直在不同的地点和不同的时间不断看到有人提醒:在用for遍历数组的时候一定要用 for(var i=0,n=arr2.length;i<n;i++)的方式哦,而不要用for(var i=0;i>arr.length;i++)的方式哦,因为用脑子想想也知道,第二种方法的第二部分会一直去计算数组的length,所以自然效率比较低。

哦?我们这里不说其他程序语言,而只讨论js,因为不同的语言,实现可能不同,其他语言是什么情况还要靠大家去探索喽。 其实上面说到的所谓的“动脑子想想就知道”也许只是因为大家只是用脑子想了想,而不是仔细想了想或者亲自去试了试。所以现在我们仔细想想,第一种写法真的会比第二种写法快么?arr.length会耗费很多cpu么?不会啊,为什么要耗费cpu呢?arr.length并不是调用了一个方法,而只是读取了一下数组的length属性啊,你认为读取原生属性和读取定义的变量,哪个会快呢? 我认为读取length会更快,所以我写了个测试来测试自己的想法: 我用了一个我自己的小测试框架,

var arr=[],arr2=[],i=0 
while(i<100000){ 
arr.push(i) 
arr2.push(i) 
i++ 
} 
M.TA.begin("0000"); 
for(var i=0;i<arr.length;i++){ 
arr[i]=arr[i]*arr[i]*arr[i] 
} 
M.TA.end("0000","for(var i=0;i<arr.length;i++)") 
M.TA.begin("0001"); 
for(var i=0,n=arr2.length;i<n;i++){ 
arr2[i]=arr2[i]*arr2[i]*arr2[i] 
} 
M.TA.end("0001"," for(var i=0,n=arr2.length;i<n;i++)") 
M.TA.showResult()

当然,这段代码是很变态的,占用了300多兆的内存。 结果如下:
chrome
js 数组的for循环到底应该怎么写?
firefox
js 数组的for循环到底应该怎么写?
(在做过N种性能测试后发现firefox在基础运算上的效率比chrome高很多,只是涉及到渲染的就慢很多了)
ie8
js 数组的for循环到底应该怎么写?
(减少了N个数量级之后的记过,上述脚本在ie里无法运行)
总结:?
其实做这个测试不是为了强调for(var i=0;i<arr.length;i++)的写法快多少,因为测试也是有些许误差的,只是为了说明这种写法并不会慢到哪里去,而且这种写法有一定的灵活性,书写也简单,代码量又少,那我们为什么不用它呢? 如果是第一种写法,在循环的时候数组长度发生变化呢?这种情况就处理不了了吧

其实我还是尊敬权威的,所以写到这里的时候我心里仍然提心吊胆,难道是我哪里搞错了么?如果是,大家就当一笑而过吧,如果不是,那我总算写了篇人模狗样的博文了。。。
转载注明:
http://www.html-js.com

Javascript 相关文章推荐
用JavaScrpt实现文件夹简单轻松加密的实现方法图文
Sep 08 Javascript
jQuery ul标签下拉菜单演示代码
Dec 11 Javascript
兼容ie、firefox的图片自动缩放的css跟js代码分享
Jan 21 Javascript
js实现字符串的16进制编码不加密
Apr 25 Javascript
jQuery中DOM操作实例分析
Jan 23 Javascript
javascript实现网页背景烟花效果的方法
Aug 06 Javascript
js仿百度切换皮肤功能(html+css)
Jul 10 Javascript
JS使用cookie实现只出现一次的广告代码效果
Apr 22 Javascript
加载 vue 远程代码的组件实例详解
Nov 20 Javascript
Vue实现表格批量审核功能实例代码
May 28 Javascript
Vue中的this.$options.data()和this.$data用法说明
Jul 26 Javascript
微信小程序实现拼图小游戏
Oct 22 Javascript
javascript 四则运算精度修正函数代码
May 31 #Javascript
ASP 过滤数组重复数据函数(加强版)
May 31 #Javascript
javascript 子窗体父窗体相互传值方法
May 31 #Javascript
js post方式传递提交的实现代码
May 31 #Javascript
JS 类型转换常见方法小结
May 31 #Javascript
javascript 传统事件模型构造的事件监听器实现代码
May 31 #Javascript
LazyLoad 延迟加载(按需加载)
May 31 #Javascript
You might like
根德Grundig S400/S500/S700电路分析
2021/03/02 无线电
解析VS2010利用VS.PHP插件调试PHP的方法
2013/07/19 PHP
一个PHP的ZIP压缩类分享
2014/05/04 PHP
基于Codeigniter框架实现的student信息系统站点动态发布功能详解
2017/03/23 PHP
JS函数实现动态添加CSS样式表文件
2012/12/15 Javascript
JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)
2013/03/27 Javascript
JavaScript的内存释放问题详解
2015/01/21 Javascript
JS去除iframe滚动条的方法
2015/04/01 Javascript
JavaScript各类型的关系图解
2015/10/16 Javascript
JavaScript驾驭网页-CSS与DOM
2016/03/24 Javascript
require简单实现单页应用程序(SPA)
2016/07/12 Javascript
AngularJS递归指令实现Tree View效果示例
2016/11/07 Javascript
async/await与promise(nodejs中的异步操作问题)
2017/03/03 NodeJs
在页面中引入js的两种方法(推荐)
2017/08/29 Javascript
shiro授权的实现原理
2017/09/21 Javascript
Vuex 使用 v-model 配合 state的方法
2018/11/13 Javascript
[01:23:45]DOTA2-DPC中国联赛 正赛 CDEC vs Dragon BO3 第一场 1月22日
2021/03/11 DOTA
详解Python的Django框架中的templates设置
2015/05/11 Python
使用Python操作excel文件的实例代码
2017/10/15 Python
django模板语法学习之include示例详解
2017/12/17 Python
利用Python半自动化生成Nessus报告的方法
2019/03/19 Python
Python实现最常见加密方式详解
2019/07/13 Python
DJango的创建和使用详解(默认数据库sqlite3)
2019/11/18 Python
AmazeUI 图标的示例代码
2020/08/13 HTML / CSS
英国电子专家:maplin
2019/09/04 全球购物
中科软笔试题和面试题
2014/10/07 面试题
花卉与景观设计系大学生求职信
2013/10/01 职场文书
深入开展党的群众路线教育实践活动方案
2014/02/04 职场文书
2014年后勤工作总结
2014/11/18 职场文书
2014年医药代表工作总结
2014/11/22 职场文书
2014企业年终工作总结
2014/12/23 职场文书
2015年五一劳动节活动总结
2015/02/09 职场文书
婚礼伴郎致辞
2015/07/28 职场文书
大学生村官驻村工作心得体会
2016/01/23 职场文书
python3 删除所有自定义变量的操作
2021/04/08 Python
利用Python判断你的密码难度等级
2021/06/02 Python