JavaScript循环语句-6---for语句，while语句的应用逻辑

JavaScript循环语句

学习目标

1.掌握for语句的语法结构

2.掌握for语句的应用逻辑

for语句

语法：

For（语句1；语句2；语句3）{

被执行的代码块；

}

语句1：在循环（代码块）开始前执行

语句2：定义运行循环（代码块）的条件

语句3：在循环（代码块）已被执行之后执行

  <script>
     // 1-100 101   1 2 3 4
     // 循环的初始值   // 循环条件  变量的变化
     for(var i=1;i<=100;i++){
        document.write(i+'<br />');   // 1 2 3 100
     }
     // 输出99 97 95 ...3 1
     for(var m=99;m>=1;m-=2){
        console.log(m);   // 99 97 3 1
     }
     //alert(m);   // -1
   </script>

<script>
       for(var i=0,col="";i<=100;i++){
          switch(i%4){
             case 0:
             col="red";
             break;
             case 1:
             col="green";
             break;
             case 2:
             col="blue";
             break;
             default:
             col="orange";
          }
          document.write('<font color="'+col+'">'+i+'</font><br>');
       }
    </script>

JavaScript循环语句

学习目标

1.掌握循环与循环嵌套

2.打印星星

3.打印九九乘法表

<script>
       /*for(var i=1;i<=3;i++){
          document.write(i+'<br />');     // 1           2
          document.write('<hr>');
          for(var j=1;j<=5;j++){
             document.write(j+'<br />');   // 1 2 3 4 5  1 2 3 4 5
          }
       }*/
       // 外层决定了行数
      /* for(var i=1;i<=10;i++){
          // 内层决定了每一行的星星个数
          for(var j=1;j<=i;j++){
             document.write('*');  // *   **
          }
          document.write("<br />")
       }*/

/* for(var m=1;m<=6;m++){
          for(var n=6;n>=m;n--){     // 6>=2   6>=3  
             document.write('*');   // *****  ***** ****
          }
          document.write('<br />');
       }*/

// 九九乘法表
       for(var i=1;i<=9;i++){      // i=1; j<=1;  i=2;
          for(var j=1;j<=i;j++){
             document.write(j+'*'+i+'='+j*i+'&nbsp;&nbsp;');   // 1*1=1  1*1=1 2*2=4
          }
          document.write('<br />');
       }
    </script>

嵌套

说明：

当循环与循环发生嵌套时遵循下列规则：

1.外层为假时内层不执行；

2.先执行外层再执行内层，直至内层的条件为假时再返回外层去执行。

学习目标

1.掌握while语句的语法结构

2.掌握for-in语句的应用逻辑

3.掌握do-while语句的语法及应用

4.掌握for与while的区别

While语句

语法：

While（条件）{

需要执行的代码；

}

do-while语句

语法：

do{

需要执行的代码；

}while（条件）

说明：这种语法的循环至少要被执行一次。

For与while的区别

for: 适合已知循环次数的循环体

while：适合未知循环次数的循环体

学习目标

1.掌握break语句的应用

2.掌握contionue语句的应用

break语句    break:立即退出循环

continue语句 continue:结束本次循环，继续开始下次。

<script>
       var i=1;
       while(i<=100){
          document.write(i+'<br />');   // 1 2 100
          i+=1;  // i++
       }

//1 - 10
      /* var j=18;
       do{
          if(j%2==0){
             console.log(j);
          }
          j++;
       }while(j<=10);
*/
       // 1+2+3+4+...100=?

// sum=0+1=1
       // sum=0+1+2
       // sum=0+1+2+3
       // sum=0+1+2+3+4
       var sum=0;   // sum和
       var n=1;
       while(n<=100){
          sum+=n;   // sum=sum+n;  // sum=0+1; sum=0+1+2+3+100
          n++;
       }
       console.log(sum);
    </script>

<script>
       var num=0;
       for(var i=1;i<10;i++){
          // 如果i是5的倍数，退出
          if(i%5==0){
             break;
          }
          num++;   // i=1,num=1;i=2,num=2;i=3,num=3,i=4,num=4,i=6,num=5
       }
       //console.log(num);
       for(var s=0,j=1;j<=10;j++){
          if(j%5==0){
             continue;
          }
          s+=j;
          // j=1,s=1;j=2,s=3;j=3,s=6;j=4,s=10,j=5,s=10;j=6,s=16,j=7,s=23;j=8,s=31;j=9,s=40,j=10
       }
       //console.log(s);
       // 打印所有0-50之间除20和30之外的5的倍数
       for(var n=0;n<=50;n+=5){
          if(n==20 || n==30){
             continue;
          }
          console.log(n);
       }
    </script>