js 中的流程控制-循环(for)语句

for语句：

 <script>
  /*  for(exp1;exp2;exp3){
        循环体;
    }
     exp1:无条件的执行第一个表达式
     exp2:判断是否能执行循环体的条伯
     exp3:做增量的操作*/
 </script>

我们想打印一句话比如：document.write("欢迎来到ziksang博客")

如果我们想打印同样的100句，用这样的方法我们要打印100次

如果用FOR循环的话，请看下面示例

  <script>
          for(var i = 1; i<=100; i++){
                   document.write("欢迎来到ziksang博客")
               }
      </script>

如果我们想打印1~100或都100~1，请看下面示例

 //如果不用for循环，我们要进行100次的操作
      document.write("0")
      //........进行100次操作
      for(var i = 0 ;i<=100 ;i++){    //从0 到 100
          document.write(i)
      }
      for(var i = 100; i>=0 ; i--){   //从100 到 0
          document.write(i)
      }

打印1~100的总和

 <script>
          var sum = 0
          for(var i = 1 ;i<=100;i++){
                 sum +=i
              }
          document.write(sum)
  </script>

我们使用for语句来求一个1~100所有的奇数和偶数

  <script>
                    for(var i =1;i<=100;i++){
                        if(i%2 == 1){     //用if语句来判断来判断奇数，如果是奇数则执行下面代码块的语句
                            document.write(i)
                        }                  //返回所有奇数
                    }
  </script>

   <script>
                    for(var i =1;i<=100;i++){
                        if(i%2 == 1){  //用判断语句来判断是否为奇数，如果是奇数返回true，执行代码块语句，continue跳出循环，继续执行下个循环
                           continue
                        }
                        document.write(i)  //返回所有偶数
                    }
                </script>

我们使用break来插入for循环看看效果

  <script>
                 for(var i = 0 ;i <10;i++){
                         if(i==3){
                                 break     //当i=3的时候跳出循环语句，停止循环
                             }
                         document.write(i)    //此时i输出为0，1，2
                     }
  </script>

我们使用continue来插入for循环看看效果

  <script>

             for(var i = 0 ;i <10;i++){
                 if(i==3){
                     continue     //当i=3的时候跳出循环语句，继续开始循环，直接执行的flase(i<10);
                 }
                 document.write(i)    //此时i输出为0，1，2,4,5,6,7,8,9
             }
         </script>

for语句的嵌套循环

  <script>
               for(var i =1;i<3;i++){
                   document.write("外层循环"+i+"次"+"</br>")   //先执行外层语句
                                                              //再执行外层语句
                      for(var j =1;j<=3;j++){
                          document.write("内层循环"+j+"次"+"</br>")   //再执行完内层语句
                      }                                             //再执行完内层语句
                   document.write("<hr>")           //最后直接判断为false
               }

         </script>

我们用一个for语句来循环做一个3行30例表格，代码如下：

   <table border="1" cellpadding="0" bgcolor="aqua" width="80%">
            <script>
                 for(var i = 1 ;i<=3;i++){   //我们先执行第一行，所谓执行一次，再执行第二行，所谓执行第二次
                     document.write("<tr>")
                       for(var j=1 ;j<=30;j++){   //先循环完30例，  再次循环完30例
                           document.write("<td>x</td>")
                       }
                     document.write("</tr>")
                 }
            </script>
        </table>

我们再次加强上面的功能，用一个for语句来循环做一个九九乘法表，代码如下：

     <table border="1" cellpadding="0" bgcolor="aqua" width="40%">
                <script>
                     for(var i =1;i<=9;i++){
                         document.write("<tr>")                                   //第一行<tr>
                             for(var j = 1 ; j<=i;j++){                           // <td>1*1=1</td>
                                 document.write("<td>"+i+"*"+j+"="+(i*j)+"</td>")
                             }
                         document.write("</tr>")                                  //    </tr>
                     }                                                            //一直做此循环直到判断条件为false
                </script>
            </table>