JavaScript循环结构

JavaScript循环结构

1. 循环的概念

在一段代码需要有限（多）次的执行且需要减少代码冗余时，就需要用到循环

如果需要打印一万行一，正常打印下，就需要一万行代码，这时我们就可以使用循环来进行操作

2. 循环的基本语法

1) while循环

while(条件){
      //当条件满足时要执行的代码
      }

2) do while循环

do{
  //无论下面的条件是否满足，这里的代码都先执行一次  
} while(条件)

3) for循环

for(表达式1；表达式2；表达式3){
    //条件满足时，这里的代码会被执行
}
//表达式1 : 在循环中改变的变量，可以一次定义多个变量，但是要用逗号(,)隔开
//表达式2 : 该式子进行循环的条件，条件不满足时可自动停止
//表达式3 : 在表达式1中定义的变量每循环一次应当如何变化,就在这里写出
    
/* 执行顺序 : 先执行表达式1 , 执行表达式2 , 当表达式2的条件满足时,执行循环体中的代码,随后再执行表达式3 ; 再执行表达式2 , 表达式2中的条件满足时 , 执行循环体中的代码 , 随后执行表达式3
......
直到表达式3中的条件不再满足时,循环结束 */

3. 循环的嵌套

1) for循环可以一层套一层 , 它的运算逻辑就是外层循环执行一次 , 内层循环执行一轮

// 例子1
for(var i=1;i<=5;i++){
    for(var j=1;j<=5;i++){
        document.write("OK");
    }
}
//这里的OK会打印5 * 5 = 25次

//例子2
//判断一下这里的i结果会是多少
for(var i=1;i<=5;i++){
    for(var i=1;i<=5;i++){
        console.log("OK");
    }
}
console.log(i);
// OK 5 次 , i == 7
/* 运算逻辑是 : 外层循环的表达式1和表达式2先执行 , 随后执行外层循环循环体中的代码 , 即内层循环 , 此时 , i == 1 ; 同样 , 内层循环也先执行表达式1和表达式2 , 随后执行循环体中的代码 , 再执行表达式3 , 当执行第五次时 , i == 5 , 内部代码也执行了五次 , 故OK会输出五次 , 随后执行内部循环的表达式3 , 此时 , i == 6 , 随后再执行外部表达式3 , 此时 , i == 7 , 再执行外部循环的表达式2 , 条件不满足 , 循环停止 */

2) 利用嵌套打印一个直角三角形

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

4. continue和break

1) continue

continue表示跳过本次循环 , 直接进行下一次的循环

for(var i=1;i<=5;i++){
    if(i==3){
        continue;
    }
    document.write(i);
}
//因为使用continue跳过了i==3的那次循环,故打印时只能打印出1245

2) break

break表示结束整个循环

for(var i=1;i<=5;i++){
    if(i==3){
        break;
    }
    document.write(i);
}
//因为使用break直接在i==3时结束了整个循环,故只能打印出12