JS基礎語法---循環語句之：for 循環 + 9個練習

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>");