javascript for循环设法提高性能


Posted in Javascript onFebruary 24, 2010

一般在javascript里对数组进行遍历一般是使用for循环,像下面一样

var arr = []; 
for(var i=0; i<arr.length; i++){ 
//loop 
}

这种代码最大的问题,就在于每次循环时都要通过 .操作符获取 .length,增加了开销。那么我们可以这样改进。
var arr = []; 
for(var i=0, n=arr.length; i<n; i++){ 
//loop 
}

这样子,先把 arr.length暂存到 n 变量中去。只在开始时获取一次。
但是这样就没问题了吗?貌似多定义了个无意义的变量 n 。好那继续改进
var arr = []; 
for(var i=arr.length-1; i > -1; i--){ 
//loop 
}

好这样子,我们把这个循环顺序倒过来,就把那个n去掉了,而使用了一个常量-1。
如果应用场景,允许不使用 for 循环的话。我们可在使用 while代替
善于使用这两种循环语句,以提高javascript的效率。
var arr = []; 
var i=arr.length-1; 
while(i--){ 
//loop arr[i] 
}

或者
var arr = []; 
var i=arr.length-1; 
do { 
// loop arr[i] 
}while(--i)

这样代码更简洁,效率更好,特别是如果允许先执行一次循环体的情况下,使用do while效果很明显。
唯一的问题是把 i 移到循环外了。
Javascript 相关文章推荐
重载toString实现JS HashMap分析
Mar 13 Javascript
jQuery load方法用法集锦
Dec 06 Javascript
轻松使用jQuery双向select控件Bootstrap Dual Listbox
Dec 13 Javascript
原生javascript实现图片放大镜效果
Jan 18 Javascript
基于JavaScript实现轮播图原理及示例
Apr 10 Javascript
jQuery实现鼠标跟随效果
Feb 20 Javascript
详解vue组件化开发-vuex状态管理库
Apr 10 Javascript
Vue实现双向绑定的原理以及响应式数据的方法
Jul 02 Javascript
ES6知识点整理之数组解构和字符串解构的应用示例
Apr 17 Javascript
Vue项目使用localStorage+Vuex保存用户登录信息
May 27 Javascript
JavaScript常用8种数组去重代码实例
Sep 09 Javascript
Echarts如何重新渲染实例详解
May 30 Javascript
判断控件是否已加载完成的代码
Feb 24 #Javascript
json-lib出现There is a cycle in the hierarchy解决办法
Feb 24 #Javascript
ext combox 下拉框不出现自动提示,自动选中的解决方法
Feb 24 #Javascript
javascript Firefox与IE 替换节点的方法
Feb 24 #Javascript
jQuery 性能优化手册 推荐
Feb 23 #Javascript
jquery实现的超出屏幕时把固定层变为定位层的代码
Feb 23 #Javascript
JSON 学习之JSON in JavaScript详细使用说明
Feb 23 #Javascript
You might like
《星际争霸》各版本雷兽特点图文解析 雷兽不同形态一览
2020/03/02 星际争霸
在Zeus Web Server中安装PHP语言支持
2006/10/09 PHP
PHP判断是手机端还是PC端 PHP判断是否是微信浏览器
2017/03/15 PHP
PHP实现链式操作的三种方法详解
2017/11/16 PHP
php 多进程编程父进程的阻塞与非阻塞实例分析
2020/02/22 PHP
使用jQuery将多条数据插入模态框的实现代码
2014/10/08 Javascript
node.js中的http.request方法使用说明
2014/12/14 Javascript
JavaScript动态改变表格单元格内容的方法
2015/03/30 Javascript
JavaScript的Date()方法使用详解
2015/06/09 Javascript
sea.js常用的api简易文档
2016/11/15 Javascript
AngularJS自定义服务与fliter的混合使用
2016/11/24 Javascript
js实现将json数组显示前台table中
2017/01/10 Javascript
js和jquery中获取非行间样式
2017/05/05 jQuery
vue开发调试神器vue-devtools使用详解
2017/07/13 Javascript
微信小程序实现添加手机联系人功能示例
2017/11/30 Javascript
讲解vue-router之命名路由和命名视图
2018/05/28 Javascript
这应该是最详细的响应式系统讲解了
2019/07/22 Javascript
使用Node.js在深度学习中做图片预处理的方法
2019/09/18 Javascript
JavaScript实现滑动门效果
2020/01/18 Javascript
解决vue打包 npm run build-test突然不动了的问题
2020/11/13 Javascript
Vue基于localStorage存储信息代码实例
2020/11/16 Javascript
Python实现批量将word转html并将html内容发布至网站的方法
2015/07/14 Python
python基础教程项目二之画幅好画
2018/04/02 Python
pandas进行数据的交集与并集方式的数据合并方法
2018/06/27 Python
在python中bool函数的取值方法
2018/11/01 Python
python将pandas datarame保存为txt文件的实例
2019/02/12 Python
python多进程读图提取特征存npy
2019/05/21 Python
CSS3中使用RGBA设置透明度的示例
2015/08/04 HTML / CSS
HTML5实现的震撼3D焦点图动画的示例代码
2019/09/26 HTML / CSS
Hotels.com爱尔兰:全球酒店预订
2017/02/24 全球购物
有趣、实用和鼓舞人心的产品:Inspire Uplift
2019/11/05 全球购物
与UNIX有关的几个名词
2015/09/17 面试题
J2EE面试题集锦(附答案)
2013/08/16 面试题
电气工程及其自动化学生实习自我鉴定
2013/09/19 职场文书
nginx 防盗链防爬虫配置详解
2021/03/31 Servers
安装配置mysql及Navicat prenium的详细流程
2021/06/10 MySQL