循环体

for循环

1、基本架构

  for(exp1;exp2;exp3){

    循环体

  }

  exp1:无条件执行的第一个表达式

  exp2:是判断是否执行循环体的条件

  exp3:做增量的操作

例子:for(var i=1; i<=10; i++){

      document.write('第'+i+'次输出');

  }

//循环输出0-100

 

    for(var i=1; i<=100; i++){

 

      document.write(i+'<br/>');

 

    }

 

//循环输出100-0

 

    for(var i=100; i>=1; i--){

 

     document.write(i+'<br/>');

 

     }

 

//循环输出1-100的奇数

 

    for(var i=1; i<=100; i+=2){

 

      document.write(i+'<br/>');

 

     }

 

     for(var i=1; i<=100; i+=2){

      if(i%2==1){

        document.write(i+'<br/>');

      }  

    }

/输出1-100的和

    var sum=0;

    for(var i=1; i<=100; i+=2){

     sum=sum+i;//sum+=i;

     }

//1-100基数和
     var sum = 0;
     for(var i=1; i<=100; i+=2){
     sum = sum+i;
     }
     document.write(sum);

//1-100偶数和
    var sum = 0;
    for(var i=1; i<=100; i++){
      if(i%2==0){
        sum = sum+i;
      }
    }

 

for循环的嵌套

    for(var i=1;i<=3;i++){
      document.write('外层循环循环第'+i+'次的结果<br/>');
        for(var j=1;j<=2;j++){
        document.write('内层循环循环第'+j+'次的结果<br/>');
      }
      document.write('<hr />');
        }

====================================================

break:通过break来结束for循环

continue:代表跳过当次循环,进人下次循环

在for循环语句中 ++ 放在前后没有什么影响

====================================================

 

//jiu九九乘法表(正的)==========

<table bolder="1" cellpadding="0" bgcolor="pink" width="80%">

  <script type="text/javascript">

      for(var i=1; i<=9; i++){

        document.write('<tr>');

        for(var j=1; j<=i; j++){

          document.write('<td>'+j+'x'+i+'='+j*i+'</td>');

        }

        document.write('</tr>');

      }

  </script>

</table>

//jiu九九乘法表(反的)=============

<table bolder="1" cellpadding="0" bgcolor="pink" width="80%">

  <script type="text/javascript">

      for(var i=9; i>=1; i--){

        document.write('<tr>');

        for(var j=1; j<=i; j++){

          document.write('<td>'+j+'x'+i+'='+j*i+'</td>');

        }

        document.write('</tr>');

      }

  </script>

</table>

 

posted @ 2018-12-26 18:43  南酒!  阅读(162)  评论(0编辑  收藏  举报