非零基础自学前端最后一遍二 JavaScript基础 6 JavaScript循环语句 6.8 循环的控制-break-continue

￡神魔★判官ぃ 2024-03-24 12:40 51阅读 0赞

#### 非零基础自学前端最后一遍 ####

#### 文章目录 ####

*   *   *  非零基础自学前端最后一遍
         *  二 JavaScript基础
         *  6 JavaScript循环语句
         *   *  6.8 循环的控制-break-continue
             *   *  6.8.1 循环控制

![在这里插入图片描述][dd86e31c2ab24035a24efadc812f7efb.png_pic_center]

#### 二 JavaScript基础 ####

#### 6 JavaScript循环语句 ####

##### 6.8 循环的控制-break-continue #####

###### 6.8.1 循环控制 ######

*  循环的跳转（控制）：
    
     *  在执行循环过程中, 遇到某一个条件时, 我们可能想要做一些事情；
     *  比如循环体不再执行(即使没有执行完), 跳出循环；
     *  比如本次循环体不再执行, 执行下一次的循环体；
 *  循环的跳转控制
    
     *  break: 直接跳出循环, 循环结束
        
         *  break 某一条件满足时，退出循环，不再执行后续重复的代码
     *  continue: 跳过本次循环次, 执行下一次循环体
        
         *  continue 指令是 break 的“轻量版”。
         *  continue 某一条件满足时，不执行后续重复的代码

<!DOCTYPE html>
    <html lang="en">
    
    <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
    </head>
    
    <body>
    
      <script>
    
        var names = ["abc", "cba", "nba", "mba", "bba", "aaa", "bbb"]
    
        // 循环遍历数组
        // break关键字的使用
        // 需求: 遇到nba时, 不再执行后续的迭代
        // for (var i = 0; i < 4; i++) {
          
        //   console.log(names[i])
        //   if (names[i] === "nba") {
          
        //     break
        //   }
        // }
    
        // continue关键字的使用: 立刻结束本次循环, 执行下一次循环(step)
        // 需求: 不打印nba
        for (var i = 0; i < 7; i++) {
          
          if (names[i] === "nba" || names[i] === "cba") {
          
            continue
          }
          console.log(names[i])
        }
    
    
      </script>
    
    </body>
    
    </html>

运行效果

![在这里插入图片描述][918aa6e3b3b64b7fbd5e932c2a89ceae.png_pic_center]

[dd86e31c2ab24035a24efadc812f7efb.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/b4306eb68f1f444cb51a20bd1dc7bb3f.png
[918aa6e3b3b64b7fbd5e932c2a89ceae.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/d62edca2c41e41d593fba52a42be6f65.png