JavaScript优化循环结构


循环是最浪费资源的一种流程。循环结构中一点小小的损耗都会被成倍放大,从而影响程序运行的效率。下面从以下几个方面介绍如何优化循环结构,从而提高循环结构的执行效率。

(1) 优化结构

循环结构常常与分支结构混用在一起,因此如何嵌套就非常讲究了。例如,设计一个循环结构,结构内的循环语句只有在特定条件下才被执行。使用一个简单的例子来演示,其正常思维结构如下:

var a = true;
for (var b = 1; b < 10; b ++) { //循环结构
	if (a == true) { / /条件判断
	}
}

很明显,在这个循环结构中if 语句会被反复执行。如果这个if 语句是一个固定的条件检测表达式,也就是说,如果if 语句的条件不会受循环结构的影响,那么不妨采用如下的结构来设计:

if (a == true) {//条件判断
	for(var b = l; b < 10; b ++)  { //彼环结构
	}
}

这样, if 语句只被执行一次,如果if 条件不成立,则直接省略for 语句的执行,从而使程序的执行效率大大提高。但是,如果if 条件表达式受循环结构的制约,就不能够采用这种结构嵌套了。

(2) 避免不必要的重复操作

在循环体内经常会存在不必要的损耗。例如,在下面的这个示例中,在循环内声明数
组,然后读取数组元素的值。

for (var b = 0; b < 10; b ++) {
	var a = new Array(l,2,3,4,5,6,7,8,9,10);
	alert(a[b]);
}

显然,在这个循环结构中,每循环一次都会重新定义数组,这样的设计极大地浪费了资源。如果把这个数组放在循环体外会更加高效,例如:

var a= new Array(l,2,3,4,5,6,7,8,9,10);
for(var b = 0; b < 10; b ++) {
	alert(a[b));
}

在日常开发中,类似这样不必要且重复的事情常常会浪费大量的系统资源,其实只要稍
微留意,此类问题就会避免。

(3) 妥善定义循环变最

对千for 循环来说,它主要利用循环变址来控制整个结构的运行。当循环变量仅用千结构内部时,不妨在for 语句中定义循环变量,这样能够优化循环结构。例如,计算1 ~ 100 数字的和:

var s = 0;
for(var i = 0; i <= 100; i ++) {
	s += i;
}
alert(s);

显然下面的做法就不是很妥当,因为单独定义循环变擞,实际上增大了系统开销。

var i = 0;
var s = 0;
for(i = 0; i <= 100; i ++) {
	s += 1.
}
alert(s);