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>