JS循环结构

JS循环结构

1、循环结构的概念

生活中有许多的重复做着一种事情的人，计算机程序为了解决生活中的实际问题，程序中也应该有的描述，这就是循环。

下面的一个案例，让我们了解一下循环：

计算1+2+3+....+10
/*方案一*/
var sum1 = 1+2+3+4+5+6+7+8+9+10;
/*方案二*/
var sun2 = 0;
sum2 += 1;
sum2 += 2;
sum2 += 3;
sum2 += 4;
sum2 += 5;
sum2 += 6;
sum2 += 7;
sum2 += 8;
sum2 += 9;
sum2 += 10;
上面这两个方案，都没有使用循环，这还是相加的数少，要是相加的数多呢，这样的方法就不太理想了。那么使用一个循环来改造上面的案例吧。
/*方法三：改造方法二*/
var sum3 = 0;
var n = 1;
while(n <= 10){
sum3 += n;
n++;
}
方案三表达的含义和方法二一样，但是表达方式要好很多，比如要加到10000时，只需要把里面的条件n<=10改为n<=10000，就可以了。这样既方便有简洁，容易理解。
2、while循环

while是表示“当······则······”，也就是说当某个条件成立时，则一直重复做。还有一个do···while循环。

这两个的区别：

while只要一次程序执行错误，就不执行了；do···while是不管怎样都要先执行一次，才会输出。

下面就用几个案例来展示一下。

案例1：使用while判断水仙花数

var num = 100;
while (num <= 999) {
var b100 = Math.floor(num / 100);
var b10 = Math.floor((num % 100) / 10);
var b = num % 10;
var sum = Math.pow(b, 3) + Math.pow(b10, 3) + Math.pow(b100, 3);
if(sum == num){
alert(num + "是水仙花数！");
}
num++;
}
案例2：GDP总量运算
var year = 2009;
var china = 49089.82;
var usa = 142562.75;
while(usa > china){
china *= (1+0.08);
usa *= (1+0.02);
year++;
}
alert(year + "年，中国GDP将超过美国");
案例3：计算圆周率，π = （1 - 1/3 + 1/5 - 1/7 +····）* 4，计算最后一项的绝对值小于10-6。
var sum = 0;//累加和
var t = 1;//每一项分数
var sign = 1;//分数的符号
var deno = 1;//分数的分母
while(Math.abs(t) >= 1e-6){
sum += t;//重复做的事
sign = -sign;
deno += 2;
t = sign*1/deno;
}
var pi = sum*4;
alert(pi);循环的套路：（1）初始状态
（2）循环条件

（3）循环体（要重复做的事情）

（4）为下次循环做准备

只要明白这四点，循环就不是问题了。

3、for循环

不说理论知识点了，直接使用案例来表示。

案例4：把案例1修改一下，使用for循环判断水仙花数

for(var num=100; num <=999; num++){
var b100 = Math.floor(num / 100);
var b10 = Math.floor((num % 100) / 10);
var b = num % 10;
var sum = Math.pow(b, 3) + Math.pow(b10, 3) + Math.pow(b100, 3);
if(sum == num){
alert(num + "是水仙花数！");
}
}案例5：计算1-100的偶数相加
var sum3 = 0;
for(var n=2; n<=100; n+=2){
sum3 += n;
}
alert(sum3);案例5还可以把数值改变一下，求奇数的相加和。直接把for循环条件里的n=2改成n=1就可以了。

循环就写到这里吧，可能有没有提到的知识点，以后会在补充的。