JS-循环

5次阅读
没有评论

共计 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循环语句至少会执行一次循环体代码

循环小结

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

continue break

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

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

正文完
 0
qiaofugui.cn
版权声明:本站原创文章,由 qiaofugui.cn 于2024-05-20发表,共计1028字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
验证码