JS-循环

共计 1028 个字符，预计需要花费 3 分钟才能阅读完成。

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++;
    }

执行思路

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

do while 循环

    do {
        // 循环体代码 - 条件表达式为true时重复执行循环体代码
    } while (条件表达式);

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

执行思路

1. 先执行一次循环体代码
2. 在执行条件表达式，如果结果为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 关键字用于立即跳出整个循环（循环结束）