循环结构式程序中一种很重要的结构，其特点是在给定条件成立时，反复执行某程序段，直到条件不成立位置

while循环

【格式】
while(表达式){
循环语句；
}

  1.                         var i = 0;
  2.             var sum = 0;
  3.             while (i <= 100){
  4.                 sum += i;//sum = sum + i;
  5.                 i++;
  6.             }
  7.             alert(sum);

【注】

  1. 先判断表达式，成立执行循环语句
  2. 循环条件中使用的变量（循环变量）需要经过初始化
  3. 循环体中，应有结束循环的条件，否则会造成死循环

  4. 循环体中，可以写若干合法的js代码，包括if，也可以再套个循环

    do…while循环

    【格式】
    do{
    语句；
    }while（表达式）；

    1.                      var i = 0;
    2.          var sum = 0;
    3.          do{
    4.              sum += i;
    5.              i++;
    6.          }while(i <= 100);
    7.          document.write(sum);

    while 和do_while循环的区别

  5. while循环是先判断表达式，然后再去执行语句

  6. do_while循环先去执行一次循环语句，然后再去判断一次表达式

    1.                       while(false){
    2.              alert(41);
    3.          }
    5.          do {
    6.              alert(1);
    7.          }while(false)

    for循环

    【格式】
    for（表达式1；表达式2；表达式3）{
    循环语句；
    }
    【执行顺序】

  7. 先求解表达式1（只求一次）

  8. 求解表达式2，若其值为真（非0），则执行for语句中的循环语句，然后再去求解表达式3；再求解表达式2，若为假，则结束循环，若为真，则循环上述操作

【注】一般情况下，循环中i从0开始
【注】循环中中间变量，命名 i j k l
image.png

break和continue

break

  1. switch语句中使流程跳出switch
  2. 在循环语句中使流程跳出当前的循环
    1.                               for(var i = 0;i < 100;i++){
    2.              if((i+1) % 15 == 0){
    3.                  break;
    4.              }
    5.              document.write((i+1)+"<br>");
    6.          }

    continue

    【注】只能在循环语句中使用，使本次循环结束，即跳过循环体中下面尚未执行的语句，接着进行下次是否执行循环的判断
    image.png