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 相关文章推荐
JS的replace方法详细介绍
Nov 09 Javascript
简单的两种Extjs formpanel加载数据的方式
Nov 09 Javascript
使用js Math.random()函数生成n到m间的随机数字
Oct 09 Javascript
jquery中post方法用法实例
Oct 21 Javascript
jQuery给元素添加样式的方法详解
Dec 30 Javascript
jQuery基于ID调用指定iframe页面内的方法
Jul 06 Javascript
Angularjs中$http以post请求通过消息体传递参数的实现方法
Aug 05 Javascript
BootStrap modal模态弹窗使用小结
Oct 26 Javascript
JSONP原理及应用实例详解
Sep 13 Javascript
JavaScript模板引擎原理与用法详解
Dec 24 Javascript
JavaScript数组去重的方法总结【12种方法,号称史上最全】
Feb 28 Javascript
解决vue语法会有延迟加载显现{{xxx}}的问题
Nov 14 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
php mssql 数据库分页SQL语句
2008/12/16 PHP
php 方便水印和缩略图的图形类
2009/05/21 PHP
学习PHP的数组总结【经验】
2016/05/05 PHP
在JavaScript中通过URL传递汉字的方法
2007/04/09 Javascript
解决iframe的frameborder在chrome/ff/ie下的差异
2010/08/12 Javascript
jquery异步循环获取功能实现代码
2010/09/19 Javascript
跨浏览器通用、可重用的选项卡tab切换js代码
2011/09/20 Javascript
将光标定位于输入框最右侧实现代码
2012/12/04 Javascript
JS读取XML文件示例代码
2013/11/15 Javascript
js实现select组件的选择输入过滤代码
2014/10/14 Javascript
基于javascript实现的搜索时自动提示功能
2014/12/26 Javascript
浅谈struts1 &amp; jquery form 文件异步上传
2017/05/25 jQuery
微信小程序 空白页重定向解决办法
2017/06/27 Javascript
JS实现小球的弹性碰撞效果
2017/11/11 Javascript
利用node.js如何创建子进程详解
2017/12/09 Javascript
浅谈使用React.setState需要注意的三点
2017/12/18 Javascript
js传递数组参数到后台controller的方法
2018/03/29 Javascript
「中高级前端面试」JavaScript手写代码无敌秘籍(推荐)
2019/04/08 Javascript
全面分析JavaScript 继承
2019/05/30 Javascript
浅谈vue项目用到的mock数据接口的两种方式
2019/10/09 Javascript
js实现视图和数据双向绑定的方法分析
2020/02/05 Javascript
Element Tooltip 文字提示的使用示例
2020/07/26 Javascript
swiper实现导航滚动效果
2020/12/13 Javascript
[15:23]教你分分钟做大人:虚空假面
2014/10/30 DOTA
django 简单实现登录验证给你
2019/11/06 Python
Django静态文件加载失败解决方案
2020/08/26 Python
python中random.randint和random.randrange的区别详解
2020/09/20 Python
Etam德国:内衣精品店
2019/08/25 全球购物
Java的for语句中break, continue和return的区别
2013/12/19 面试题
医生实习工作总结的自我评价
2013/09/27 职场文书
个人求职信范例
2014/01/29 职场文书
青春励志演讲稿
2014/04/29 职场文书
优秀的商业计划书,让融资一步到位
2019/05/07 职场文书
评估“风险”创业计划的几大要点
2019/08/12 职场文书
导游词之湖北梁子湖
2019/11/07 职场文书
MySQL Router实现MySQL的读写分离的方法
2021/05/27 MySQL