JS-循环

for循环

for (初始化变量; 条件表达式; 操作表达式) {
    // 循环体;
}

for (let i = 1; i <= 100; i++) {
    console.log('Hello');
}

执行过程
1.首先执行里面的计数器变量 let i = 1 ，但是 这句话在for里面只执行一次 index(索引号的意思)
2.去 i <= 100 来判断是否满足条件，如果满足条件就去执行循环体，不满足条件退出循环体
3.最后去执行 i++ ，i++ 就单独写的代码 递增 第一轮结束
4.接着去执行 i <= 100，如果满足条件就去执行

双重for循环

for (外层初始化变量; 外层条件表达式; 外层操作表达式) {

    for (里层的初始化变量; 里层的条件表达式; 里层的操作表达式) {
    // 执行语句;
    }
}

外层循环一次，里层循环全部

while循环

while (条件表达式) {
    // 循环体代码
}

let num = 1;
while (num <= 10) {
    console.log('Hello');
    num++;
}

执行思路
①先执行条件表达式，如果结果为true，则执行循环体代码；如果为false，则退出循环，执行后面的代码
②如果为true，循环体代码执行完毕后，程序会继续执行条件表达式。如果条件仍为true，则会继续执行循环体，直到循环条件为false时，整个循环过程才会结束

do while循环

do {
    // 循环体代码 - 条件表达式为true时重复执行循环体代码
} while (条件表达式);
    
let num = 1;
do {
    console.log('Hello');
    num++;
} while (num <= 10);

执行思路
①先执行一次循环体代码
②在执行条件表达式，如果结果为true，则继续执行循环体代码，如果为false，则退出循环，继续执行后面的代码
先执行循环体，再判断，do...while循环语句至少会执行一次循环体代码

循环小结

• 三个循环体很多情况下都可以互相替代使用
• 如果是用来计数的，跟数字相关的，三者使用基本相同
• while 和 do...while 可以做更复杂的判断条件，比for更灵活一些
• while 和 do...while 执行顺序不一样，while先判断后执行，do...while先执行一次，在判断执行
• while 和 do...while 执行次数不一样，do...while至少会执行一次循环体，而while可能一次也不执行

continue break

continue关键字用于立即跳出本次循环，继续下一次循环（本次循环体中continue之后的代码就会少执行一次）

break关键字用于立即跳出整个循环（循环结束）