JS基礎語法---迴圈語句之：for 迴圈

for迴圈

語法:

for(表達式1;表達式2;表達式3){

  迴圈體;

}

執行過程:

先執行一次表達式1,然後判斷表達式2;如果不成立則直接跳出迴圈

如果表達式2成立,執行迴圈體的代碼,結束後,跳到表達式3執行,然後跳到表達式2,判斷表達式2是否成立,不成立,則跳出迴圈

如果表達式2成立,則執行迴圈體,然後再跳到表達式3,再跳到表達式2,判斷是否成立,一直如此

練習1： 列印10次,哈哈,我又變帥了

      for (var i = 0; i < 10; i++) {
        console.log("日照香爐生紫煙");
      }

練習2：求1-100之間所有數字的和

      var sum = 0;
      for (var i = 1; i <= 100; i++) {
        sum += i;
      }
      console.log(sum);

練習3：求1-100之間所有偶數的和

      var sum1 = 0;
      for (var i = 1; i <= 100; i++) {
        //判斷i與2取餘是0---->偶數
        if (i % 2 == 0) {
          sum1 += i;
        }
      }
      console.log(sum1); //2550

練習4：求1-100之間所有奇數的和

      var sum2 = 0;
      for (var i = 1; i <= 100; i++) {
        if (i % 2 != 0) {
          //奇數
          sum2 += i;
        }
      }
      console.log("和為:" + sum2);

練習5：求1-100之間所有能被3整除的數字的和

      var sum3 = 0;
      for (var i = 1; i <= 100; i++) {
        if (i % 3 == 0) {
          sum3 += i;
        }
      }
      console.log(sum3);

 練習6：求1-100之間所有能被7整除的數字的和

      var sum4 = 0;
      for (var i = 1; i <= 100; i++) {
        if (i % 7 == 0) {
          sum4 += i;
        }
      }
      cnsole.log(sum4);

補充：

alert();//彈框
console.log();//在控制台
document.write("<a href='http://www.baidu.com'>百度</a>"); //顯示在頁面亞~

練習7：畫星星

      for (var i = 0; i <= 5; i++) {
        //控制每一行有幾個星星
        for (var j = 0; j <= 5; j++) {
          document.write("★");
        }
        document.write("<br/>");
      }

練習8：三角形的---五角星

隨著行數的增加,每一行都會比上一行多一個五角星

      for (var i = 0; i <= 5; i++) {
        //控制每一行有幾個星星
        for (var j = 0; j <= i; j++) {
          document.write("★");
        }
        document.write("<br/>");
      }

練習9： 乘法口訣表

1. 掌握------必須要寫出來的

      //控制行數
      for (var i = 1; i <= 9; i++) {
        //控制每一行有多少個表達式
        for (var j = 1; j <= 9; j++) {
          document.write(j + "*" + i + "=" + i * j);
        }
        document.write("<br/>");
      }

2. 表格版本的-------能夠理解,如果寫出來更好

      document.write("<table border='1' cellpadding='0' cellspacing='0'>");
      for (var i = 1; i <= 9; i++) {
        document.write("<tr>");
        for (var j = 1; j <= i; j++) {
          document.write("<td>");
          document.write(i + "*" + j + "=" + i * j);
          document.write("</td>");
        }
        document.write("</tr>");
      }
      document.write("</table>");