JavaScript优化循环结构

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);