js中的迴圈

一、for迴圈

　　1.單個for迴圈：

        for(初始值；條件；增量){
                    語句
         }

• 初始值：無條件的執行第一個表達式
• 條件：是判斷是否能執行迴圈體的條件
• 增量：做增量的操作

  //迴圈輸出1~100之間數字的和
  var sum=0;
  for(var i=1;i<=100;i++){
      sum= sum+i;        
  }
  document.write(sum);//5050

  //求1~100之間奇數的和
  var sum = 0;
  for (var i=1; i<=100; i++) {
      if(i%2 == 1){
         sum += i;
      }
  }
  console.log("1~100之間奇數的和為" + sum +"。");

　　2.for迴圈嵌套：（外層迴圈一次，內層迴圈一輪）

　　for(初始值；條件；增量){
　　　　for(初始值；條件；增量){
　　　　　　...語句或繼續嵌套
　　　　}
　　 }

//輸出一個3行30列的表格；表格內容1~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++){
                            document.write('<td>'+j+'</td>');//列
                        }
                    document.write('</tr>');
                }
            </script>
 </table>

//輸出99乘法表

document.write('<table style="width: 80%; border: 1px solid #000;">')            
    for(var i=1; i<=9; i++){
        document.write("<tr>")
        for(var j=1; j<=i+1; j++) {
            document.write("<td>" + i +" x " + j + " = " + i*j + "</td>")
        }
        document.write("</tr>")
    }
document.write('</table>');

//輸出倒置99乘法表
document.write('<table style="width: 80%; border: 1px solid #000;">')            
    for(var i=9; i>0; i--){
        document.write("<tr>")
        for(var j=1; j<=i; j++) {
            document.write("<td>" + i +" x " + j + " = " + i*j + "</td>")
        }
        document.write("</tr>")
    }
document.write('</table>');

//百錢買百