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