循环语句

帮助我们多次执行 某一个代码段

while 循环

• 基于某一个条件, 循环处理 某一段代码

• while 语法: while (条件) {要循环执行的 代码}

    // var num = 1;
    // while (num < 6) {
    //     console.log(1)
    //     num++
    // }
  
     * 第一次执行 num == 1
     *          符合 num < 5 执行代码: 打印1, num自增
     * 第二次执行 num == 2
     *          符合 num < 5 执行代码: 打印1, num自增
     * 第三次执行 num == 3
     *          符合 num < 5  执行代码: 打印1, num自增
     * 第四次执行 num == 4
     *          符合 num < 5  执行代码: 打印1, num自增
     * 第五次执行 num == 5
     *          不符合 num < 5 不执行代码, 且 停止 循环
  

do...while 循环

• 语法: do {要循环执行的代码} while (条件)
• 和 while 循环的 差异：

1. while 首次执行就判断条件, 条件不符合不执行, 且 停止循环

2. do...while 首次就执行,不需要判断条件, 执行完毕再去判断条件 , 条件不符合时不执行,且停止循环

     * var num = 10
     * do {...} while (num < 6)
     * 
     *  首次执行
     *          1. 直接执行 {...} 代码, 所以会打印 1, num++
     *          2. 判断条件 num < 6 吗  此时 num 一定大于 6 ,所以条件为 false
     *                  条件 false 直接停止循环
   

for 循环

• JS 循环的一种
• 语法 for (1. 声明变量(初始化条件); 2. 判断条件; 3. 改变自身;) {循环执行的代码}

打印10次1

    // for (var i = 0; i < 10; i++) {
    //     console.log(1)
    // }

break 关键字的应用

continue 关键字的应用

• 共同点: 都可以打断循环

• 不同点: break: 当我们想 满足某一个条件时, 停止整个循环, 可以使用 break

• 例子: 早上我吃了5个包子, 吃完第三个吃饱了, 后续的第四个第五个就不吃了 continue: 当我们想 满足某一个条件时, 停止当前本轮循环, 后续的循环正常执行

• 例子: 早上买了 5个包子, 吃第三个的时候 第三个掉地上了 所以我不吃 第三个, 后续的 第四个第五个被我正常吃掉

    for (var i = 1; i <= 5; i++) {
        console.log('吃了一个包子')
        if (i == 3) {
            console.log('吃饱了')
            break
        }
    }
  
    for (var i = 1; i <= 5; i++) {
        if (i == 3) {
            console.log('这个包子掉地上了, 我不吃了')
            continue    // 只能确保后边的代码 不执行
        }
        console.log('我吃了一个包子')
    }
  

循环嵌套

两个循环叠在一起

    // for (var i = 0; i < 3; i++) {   // 外层循环
    //     console.log('外层循环第', i, '次执行')
    //     for (var k = 0; k < 3; k++) {   // 内层循环
    //         console.log('内层循环循环: ', k)  // 0 --- 1 --- 2
    //     }
    // }

外层循环 执行 一次, 内层循环 就会 完整的 执行一次