关闭

js中for循环优化总结_如何提高程序的执行效率

时间: 2018-08-02阅读: 4323标签: 优化

在程序开发中,经常会使用到for循环的,但是很多人写的for循环效率都是比较低的,下面就举例说明,并总结优化for循环的方法,来提高我们程序的执行效率。


1、取消循环终止判断,否则每循环一次都会执行一次判断

for (var i = 0; i < arr.length; i++) {
    // do something...
}

这样每次循环都要去读取一次数组的长度。优化写法:

var len= arr.length;
for (var i=0; i < len; i++) {
    // do something...
}

这里声明了2个变量,len和i。其实可以使用一个就能解决,如下:

for (var i = arr.length - 1; i >= 0; i--) {
    // do something...
}


2、嵌套循环时候,遵循外小内大(从外至里,循环对象size要从小到大)   

for(var i=0; i<10000; i++){
	for(var j=0; j<10; j++){
		// do something...
	}	
}

嵌套循环应该遵循“外小内大”的原则,这就好比你复制很多个小文件和复制几个大文件的区别。 优化如下:

for(var j=0; j<10; j++){
   for(var i=0; i<10000; i++){
	  // do something...
   }	
}


3、异常捕获放到外面

for (var i = 0; i < 10000000; i++) {  
    try {  
    	// do something...
    }catch(e){  
    	
    }  
}

如果放在循环里面,就会一直抛出异常信息,最后内存溢出。  如果异常捕获在外面,遇到异常,循环停止。所以优化如下:

try {  
	for (let i = 0; i < 10000000; i++) {  
	    // do something..
	}  
}catch(e){  
    	
}


4、循环无关的表达式不要放在循环内部

由于每次循环都需要执行一次表达式代码。对于与循环无关的,只需要执行一次就可以了,所以最好放在循环外面。


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: http://www.fly63.com/article/detial/970

网站搜索引擎优化,值得关注的4个策略有哪些?

在做网站搜索引擎优化的过程中,对于企业站而言,由于SEO人员都是处于执行层面,甚至即使你有权制定SEO优化方案,偶尔也是草草就上手操作。当你运营到一定阶段的时候

React 中 的 9 种优化技术

谷歌的数据表明,一个有 10 条数据 0.4 秒可以加载完的页面,在变成 30 条数据加载时间为 0.9 秒后,流量和广告收入减少了 20%。当谷歌地图的首页文件大小从 100kb 减少到 70~80kb 时,流量在第一周涨了 10%,接下来的三周涨了 25%

纯CSS改写radio和checkbox,单选框、复选框样式优化

input 的单选框 radio 和复选框 checkbox 是样式是很难调的,设置背景和边框都不起效。我们可以使用下面的方法进行样式美化:纯CSS就能实现。

运用meta标签进行网站优化

Set-Cookie(cookie设定)说明:如果网页过期,存盘的cookie将会被删除(必须是GMT的时间格式); Window-target(显示窗口的设定)说明:强制页面在当前窗口以独立页面显示----用来防止别人在框架里面调用你的页面

首页白屏优化实践

自从前端三大框架React、Vue、Angular面世以来,前端开发逐渐趋向规范化、统一化,大多数时候新建前端项目,首先想到使用的技术一定是三大框架之一,框架给前端开发带来了极大的便利和规范,但是由于这三大框架都是JS驱动

Proxy-Go v7.4 发布,内网穿透针对 HTTP 优化!

Proxy是golang实现的高性能http,https,websocket,tcp,udp,socks5代理服务器,支持正向代理、反向代理、透明代理、内网穿透、TCP/UDP端口映射、SSH中转

优化(Vue)Javascript文件体积

可以看到竟然有8M和5.3M这么大的文件!在本地开发时由于本地网络打开文件很快感受不明显,但当把这些文件部署到服务器上,能明显感觉首屏打开时间是非常慢的。好,看到了问题,我们来优化~

优化Vue.js 单页应用速度

我有一个项目用了 Vue.js 来构建单页应用程序。随着上线日期的临近,性能优化的工作变得越来越重要。在本文中,我收集了有关在加载时间和渲染性能方面提高 Vue.js 应用性能的所有知识。

客户端内H5页面的首屏性能优化

性能优化是前端开发中不可避免的一个话题。本文将记录一次客户端内H5页面首屏性能优化的项目。信息流App是当下最流行的产品之一,如今日头条等。我所在的团队也是在做这样一款信息流App

webpack构建速度常规优化方法

使用webpack.DllPlugin优化,其实并没有优化速度,只是把一些不需要经常变更的部分提前构建,之后只需要构建变更的部分就可以了,确实优化了时间,使用external,不构建基础脚本,使用外部脚本引入,确实减少了时间

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!