JavaScript循环结构

JavaScript循环结构

JavaScript中的循环结构是js中非常核心的组成部分，它能帮助我们解决很多的需要进行反复的执行才能够解决的问题，数学中的一些经典问题问题的解决，例如杨辉三角形，物体自由落体问题，还可以实现一些好玩的图形，例如圣诞树。

循环结构的种类

1.while循环

while(条件){
    执行语句
}
当条件为true时，会一直重复执行花括号内的执行语句。

2.do-while循环

do{
    当条件为真，执行这里的语句
}while(条件){
    当条件为假，执行这里的语句
}

3.for循环

for(语句1;语句2;语句3){
    需要执行的代码块
}

Continue关键字和Break关键字的使用

continue和break都是用来控制循环结构的.

1.break

continue表示终止本次循环，还执行后面的循环。也可以理解成跳过本次循环中剩下的语句，执行下一次循环。

2.continue

break表示完全结束一个循环，跳出循环体执行循环后面的语句。

案例

1.求出1/1-1/2+1/3-1/4……1/100的和

var sum = 0;
for(var i=1;i<=100;i++){
    if(i%2 == 0){
        sum = sum - 1/i;
    }else{
        sum = sum + 1/i;
    }
}
console.log(sum);

2.篮球从5米高的地方掉下来，每次弹起的高度是原来的30%，经过几次弹起，篮球的高度小于0.1米。

var i = 1;
var h = 5;
while(true){
    h = h * 0.3;
    if(h < 0.1){
        console.log(i);
        break;
    }
    i++;
}

3.打印一棵树

   for(var d=1;d<=3;d++){
       if(d<=2){
            for(var i=1;i<=7;i++){
                for(var j=7;j>=i;j--){
                    document.write("&nbsp;");
                }
                for(var k=1;k<=i+1;k++){
                    document.write("*");
                }
                for(var l=1;l<=i;l++){
                    document.write("*");
                }

                document.write("<br>")
            }
       }
       else{
           for(var i=1;i<=7;i++){
               for(var s=0;s<=6;s++){
                   document.write("&nbsp;")
               }
               for(var a=0;a<=3;a++){
                   document.write("*")
               }
               document.write("<br>")
           }
       }
   }

效果图如下：

（由于浏览器的原因，不是很好看）

总结

循环的使用简单来说的话我们一般只用到两种，一种是while循环，另一种是for循环，do-while循环用的话不是很多，因为do-while能解决的问题，一般while也能解决，上面这三个案例中，第一个比较的简单一点，就是利用了循环和分支语句的结合，把第奇数项和第偶数项分开来计算，每次都相加，最后得到的就是结果。第二个案例主要是利用while循环语句的特点——无穷循环，再结合break语句来处理一个篮球的自由落体运动。第三个案例使用了循环的嵌套，外部循环控制行，内部循环控制列，通过改变循环条件就可以打印出任何你想要的图形（不要太复杂，否则大脑转不过来了！！）。