zoukankan      html  css  js  c++  java
  • 前端学习(31)~js学习(八):流程控制语句:循环结构(for和while)

    循环语句:通过循环语句可以反复的执行一段代码多次。

    for循环

    for循环的语法

    语法:

    for(①初始化表达式; ②条件表达式; ④更新表达式){
        ③语句...
    }

    执行流程:

    ①执行初始化表达式,初始化变量(初始化表达式只会执行一次)
    
    ②执行条件表达式,判断是否执行循环:
        如果为true,则执行循环③
        如果为false,终止循环
    
    ④执行更新表达式,更新表达式执行完毕继续重复②

    for循环举例:

    for (var i = 1; i <= 100; i++) {
        console.log(i);
    }

    while循环语句

    while循环

    语法:

    while(条件表达式){
        语句...
    }

    执行流程:

    while语句在执行时,先对条件表达式进行求值判断:
    
        如果值为true,则执行循环体:
            循环体执行完毕以后,继续对表达式进行判断
            如果为true,则继续执行循环体,以此类推
    
        如果值为false,则终止循环

    如果有必要的话,我们可以使用 break 来终止循环。

    do...while循环

    语法:

    do{
        语句...
    }while(条件表达式)

    执行流程:

    do...while语句在执行时,会先执行循环体:
    
        循环体执行完毕以后,在对while后的条件表达式进行判断:
            如果结果为true,则继续执行循环体,执行完毕继续判断以此类推
            如果结果为false,则终止循环

    while循环和 do...while循环的区别

    这两个语句的功能类似,不同的是:

    • while是先判断后执行,而do...while是先执行后判断。

    也就是说,do...while可以保证循环体至少执行一次,而while不能。

    break 和 continue

    break

    • break可以用来退出switch语句或退出整个循环语句(循环语句包括for循环、while循环。不包括if。if里不能用 break 和 continue,否则会报错)。

    • break会立即终止离它最近的那个循环语句

    • 可以为循环语句创建一个label,来标识当前的循环(格式:label:循环语句)。使用break语句时,可以在break后跟着一个label,这样break将会结束指定的循环,而不是最近的。

    举例1:通过 break 终止循环语句

    for (var i = 0; i < 5; i++) {
        console.log('i的值:' + i);
        if (i == 2) {
            break;  // 注意,虽然在 if 里 使用了 break,但这里的 break 是服务于外面的 for 循环。
        }
    }

    打印结果:

    i的值:0
    i的值:1
    i的值:2

    举例2:label的使用

    outer:
    for (var i = 0; i < 5; i++) {
        console.log("外层循环 i 的值:" + i)
        for (var j = 0; j < 5; j++) {
            break outer; // 直接跳出outer所在的外层循环(这个outer是我自定义的label)
            console.log("内层循环 j 的值:" + j);
        }
    }

    打印结果:

    外层循环 i 的值:0

    continue

    • continue可以用来跳过当次循环,继续下一次循环

    • 同样,continue默认只会离他最近的循环起作用。

    举例:

    for (var i = 0; i < 10; i++) {
        if (i % 2 == 0) {
            continue;
        }
        console.log('i的值:' + i);
    }

    打印结果:

    i的值:1
    
    i的值:3
    
    i的值:5
    
    i的值:7
    
    i的值:9
  • 相关阅读:
    python拆包与装包-*args,**kwargs
    mybatis学习4-CRUD操作
    mybatis学习3-入门案例,注解方式
    mybatis学习1-前置,复习Jdbc
    spring框架学习-aop
    spring学习1-第一个spring项目
    spring概述
    idea的一些个人设置
    maven的一些个人设置
    VBA文件对话框的应用(VBA打开文件、VBA选择文件、VBA选择文件夹,VBA遍历文件夹)
  • 原文地址:https://www.cnblogs.com/Vincent-yuan/p/12416086.html
Copyright © 2011-2022 走看看