循环语句

while 循环语句

* var num = 1 // 1. 初始化
     while (num < 5) {  // num < 5     2. 循环结束条件
        console.log(1)  // 3. 循环体
        num++   // 4. 改变自身, 不写还能执行, 但是是死循环, 电脑死机速度, 取决电脑质量
     }

开始执行 while
               第一轮循环
                   1. 判断 num < 5 , 这次循环符合条件, 执行循环体
                   2. 打印1
                   3. 改变自身, num ---> 2
               第二轮循环
                   1. 判断 num < 5 , 这次循环符合条件, 执行循环体
                   2. 打印1
                   3. 改变自身, num ---> 3
               第三轮循环
                   1. 判断 num < 5 , 这次循环符合条件, 执行循环体
                   2. 打印1
                   3. 改变自身, num ---> 4
               第四轮循环
                   1. 判断 num < 5 , 这次循环符合条件, 执行循环体
                   2. 打印1
                   3. 改变自身, num ---> 5
               第五轮循环
                   1. 判断 num < 5 , 这次循环不符合条件, 结束循环

do...while..

1. 初始化
     do {
          2. 循环体
          3. 改变自身
     } while (4. 结束条件)

do...while 和 while 的差异
           do...while  在首次执行的时候, 会先执行循环体, 然后判断
           while 在首次执行的时候, 会判断, 然后符合条件了在执行

for循环

for (1. 初始化; 2. 结束条件; 3. 改变自身) {
                循环体
}

for (var i = 0; i < 3; i++) {
        console.log(1)
    }
    
      第一轮循环
          i == 0
              符合 条件 i < 3
          执行代码 打印1
          i++ 
       
      第二轮循环
          i == 1
              符合 条件 i < 3
          执行代码 打印1
          i++
     
      第三轮循环
          i == 2
              符合 条件 i < 3
          执行代码 打印1
          i++
     
      第四轮循环
          i == 3
              不符合条件 i < 3    所以结束循环

for循环的嵌套

 for (var i = 0; i < 3; i++) {   // 外层 for 循环
        for (var k = 0; k < 3; k++) {   // 内层 for 循环
            console.log('1111')
        }
    }

*类似九九乘法表
for (var k = 1; k <= 9; k++) {   // 外层循环, 控制有多少行
        for (var i = 0; i < k; i++) {   // 内层循环, 控制一行有多少个(控制有多少列)
            document.write('*')
        }
        document.write('<br>')
    }

流程控制语句

 break
    我早上买了 5 个包子, 我吃到第三个后, 我吃饱了, 我就不吃了, 第 4---5个包子我就不吃了
continue
    我早上买了 5 个包子, 我吃到第三个时, 他掉地上了, 然后第三个我就不吃了, 我开始吃第四个 和 第五个包子

for (var i = 1; i <= 5; i++) {
         console.log('我吃了', i, '个包子')
         if (i == 3) {
             console.log('我吃了 3 个包子了, 我吃饱了, 我不吃了')
             break
        }
    }
for (var i = 1; i <= 5; i++) {
        if (i == 3) {
            console.log('完犊子~~这是第三个包子, 它掉地上了')
            continue
        }
        console.log('我吃了第', i, '个包子')
    }