JavaScript流程控制-循环

js中主要有三种类型的循环

• for 循环
• while 循环
• do while 循环

在程序中，一组被重复执行的语句被称为循环体，能否继续重复执行，取决于循环的终止条件。由循环体及循环的终止条件组成的语句，被称之为循环语句。 

1.for 循环 

1.for循环 

for 重复执行某些代码，通常跟计数有关。

语法结构

for（初始化变量；条件表达式；操作表达式）{

      循环体

} 

初始化变量 就是用var 声明的一个普通变量，通常用于作为计数器使用

条件表达式 就是用来决定每一吃循环是否继续执行 就是终止的条件

操作表达式 就是每次循环最后执行的代码 经常英语我们计数器变量进行更新（递增或递减）

 代码：

<script>
        for(var i=1;i<=100;i++){
            console.log('杜林阳是大帅比');
        }
</script>

2.双层for循环 

语法结构

for（外层初始化变量；外层条件表达式；外层操作表达式）{

     for（内层初始化变量；内层条件表达式；内层操作表达式）{

              循环体

    } 

} 

可以将内层的循环看成外层的循环语句

外层循环执行一次，内层循环执行全部

<script>
        for(var i=1;i<=5;i++){
            console.log('这是外层循环'+i+'次');
            for(var j=1;j<=5;j++){
                console.log('这是内层循环'+j+'次');
            }
        }
</script>

2.while循环

 while语句可以在表达式为真的前提下，循环执行指定的一段代码，直到表达式不为真时结束循环。

语法结构：

while(条件表达式){

   循环体代码

}

• 先执行条件表达式，如果结果为true，则执行循环体代码；如果为false，则退出循环，执行后面的代码
• 执行循环体代码
• 循环体代码执行完毕后，程序会继续判断执行条件表达式，如果结果仍为true，则继续执行循环体代码，直到条件表达式为false，整个循环过程才会结束。

代码：

<script>
        //1.打印人的一生，从1到100岁。
        var i=1;
        while(i<=100){
            console.log('今年'+i+'岁了');
            i++;
        }
        //2.计算1~100之间所有整数的和
        var j=1; 
        var sum=0;
        while(j<=100){
            sum+=j;
            j++;
        }
        console.log('1~100的和是'+sum);
        //3.弹出一个提示框，你爱我吗 如果输入我爱你，就提示结束，否则，一直询问。
        while(true){
            var love=prompt('你爱我吗?');
            if(love==='我爱你'){
                alert('循环结束');
                break;
            }
        }
</script>

3.do...while循环 

 do....while语句其实是while语句的一个变体，该循环会先执行一次代码块，然后对条件表达式进行判断，如果条件为真 ，就会重复执行循环体，否则退出循环。

语法结构：

do{

   循环体代码 条件为true时重复执行循环体代码

}while（条件表达式）；

• 先执行一次循环体代码
• 在执行条件表达式，如果条件为true，则继续执行循环体代码，如果为false，则退出循环，继续执行后面代码

先执行循环体，再判断，do....while循环至少会执行一次循环体代码。

代码：

<script>
        var num=1;
        do{
         console.log('你好');
         num++
        }while(num<=100);
</script>

4.continue break关键字

1.continue 

continue关键字用于立即跳出本次循环，继续下一次循环（本次循环体中continue之后的代码就会少执行1次）。

代码：

<script>
        //吃五个包子，吃到的第三个的时候，发现有虫子，去吃第四个
        for(var i=1;i<=5;i++){
            if(i==3){
                continue;
            }
            console.log('我在吃第'+i+'个包子');
        }
</script>

2.break 

 break关键字用于立即跳出整个循环（循环结束）

代码：

<script>
        //吃五个包子，吃到第三个发现里面有半个虫子，其余的都不吃了
        for(var i=1;i<=5;i++){
            if(i==3){
                break;
            }
            console.log('我在吃第'+i+'个包子');
        }
</script>