javascript----for循环

while与for循环比较

                          while循环结构                                                    for循环结构

                                                   

                                          

for循环执行顺序

特点：先判断再执行

 案例

<script>
    //输出5遍你真棒
    for (var i = 1; i <= 5; i++) {
         document.write("你真棒第" + i + "遍");
     }


        //输出1-5的和
     var sum = 0;
     for (var i = 1; i <= 5; i++) {
         sum = sum + i;
     }
     document.write("1-5的和是" + sum);

    //五名学生成绩和
    var sum = 0;
    for (var i = 1; i <= 5; i++) {
        var sun = +prompt("请输入第" + i + "名学生成绩");
        sum = sun + sum;
    }
    document.write("五名学生的成绩和为" + sum)

    //1+2+...+100=
    var sum = 0;
    for (var i = 1; i <= 100; i++) {
        if (i % 3 != 0) {
            if (i === 100) {
                document.write(i + "=");
            }
            else {
                document.write(i + "+");
            }
            sum = sum + i;
        }
    }
    document.write(sum);

</script>

拓展

<script>
     //输出列表
    document.write("<ul>");
    for (var i = 1; i <= 4; i++) {
        document.write("<li>list</li>")
    }
    document.write("</ul>");


    //4行3列的表格
    document.write("<table border=1>");
    for (var i = 1; i <= 4; i++) {
        document.write("<tr>");
        for (var t = 1; t <= 3; t++) {
            document.write("<td>第" + i + "行第" + t + "列</td>");
        }  
    }
     document.write("</tr>");
     document.write("</table>");

    //九九乘法表
    document.write("<table border=1>");
    for (var i = 1; i <= 9; i++) {
        document.write("<tr>");
        for (var t = 1; t <= i; t++) {
          document.write("<td>" + t + "*" + i + "=" + i * t + "</td>");
        }
    }
    document.write("</tr>");
    document.write("</table>");

    //九九乘法表2
    for (var i = 1; i <= 9; i++) {

        for (var t = 1; t <= i; t++) {
            document.write(t + "*" + i + "=" + i * t);
        }
        document.write("<br>")
    }

     //双层for循环
     //枚举法
     var count = 0;
     for (var i = 1; i < 20; i++) {
        for (var j = 1; j < 6; j++) {
          for (var k = 1; k < 12; k++) {
            if (5 * i + 15 * j + 8 * k === 100) {
              count++;
              document.write("可以买牙刷" + i + "只,牙膏" + j + "只，毛巾" + k + "                  条<br>");
                }
            }
        }
    }
    document.write("<hr>总共有" + count + "种方案");

    //鸡兔同笼 35个头，94只脚，
    //兔子 23  m
    //鸡   35  n
    for(var m=1;m<=23;m++){
        for(var n=1;n<=35;n++){
            if(n+m===35&&m*4+n*2===94){
                document.write("兔子："+m+"只，鸡"+n+ "只");
            }
        }
    }

   //用输入对话框,输入行数和列数,在页面上输出由行数和列数组成的表格.
    var x = prompt("请输入行数");
    var y = prompt("请输入列数");
    document.write("<table border=1>");
    for (var a = 1; a <= x; a++) {
        document.write("<tr>");
        for (var b = 1; b <= y; b++) {
            document.write("<td>第" + a + "行，第" + b + "列</td>");
        }
        document.write("</tr>");
    }

    document.write("</table>");
</script>

 break

跳出循环而执行循环外的语句；

终止循环；

跳转语句continue

continue ：只能用在循环里
continue 作用：跳过循环体中剩余的语句而执行下一次循环

 案例

<script>
    //循环录入Javascript课的学生成绩，统计分数大于等于 80分的学生比例
    var count = 0;
    for (var i = 1; i <= 5; i++) {
       var score = prompt("请录入第" + i + "个学员的成绩");
         // if(score>=80){
         // count++;}
         if (score <= 80) {
             continue;
         }
         count++;
     }
     document.write("分数大于等于80分的学生比例是" + count / 5 * 100 + "%")

    //1-10之间所有奇数和
    var sum = 0;
    for (var i = 1; i <= 10; i++) {
        if (i % 2 == 0) {  ///如果是偶数跳出
            continue;
        }
        sum = sum + i;
    }
    document.write(sum)
</script>