循环结构

循环结构，就是根据某些给出的条件，重复的执行同一段代码

循环三要素：

1. 初始值 （经常用变量）
2. 终止条件
3. 变量的变化量

1. while循环

while，中文叫当…时，其实就是当条件满足时就执行代码，一旦不满足了就不执行了

语法：

while (条件表达式) {
   // 循环体    
}

因为满足条件就执行，所以我们写的时候一定要注意，就是设定一个边界值，不然就一直循环下去了

例：

// 1. 初始值
var num = 0;
// 2. 终止条件
while (num < 10) {
  // 3. 要执行的代码
  console.log('当前的 num 的值是 ' + num)
  // 4. 变量的变化量
  num = num + 1
}

2. do while循环

是一个和 while 循环类似的循环，while 会先进行条件判断，满足就执行，不满足直接就不执行了，但是 do while 循环是先不管条件，先执行一回，然后再开始进行条件判断

语法：

do {
    要执行的代码 
} while (条件)

例：

// 下面这个代码，条件一开始就不满足，但是依旧会执行一次 do 后面 {} 内部的代码
var num = 10
do {
  console.log('我执行了一次')
  num = num + 1
} while (num < 10)

3. for循环

语法：

for(起始值; 终止条件; 变化量) {
    // 要重复执行的代码
}

例：

// 把初始化，条件判断，自身改变，写在了一起
for (var i = 1; i <= 10; i++) {
  // 这里写的是要执行的代码
  console.log(i)
}
// 控制台会依次输出 1 ~ 10 

4. for循环嵌套

循环之中又嵌套了另一个循环，外层循环循环一次，里层循环循环全部

例：

// 1. 外面的循环
for (var i = 1; i < 4; i++) {
    console.log(i)
    // 2. 里层的循环
    for (var j = 1; j < 6; j++) {
        console.log(j)
    }
}

5. break终止循环

在循环没有进行完毕的时候，因为我设置的条件满足，提前终止循环

比如：我要吃五个包子，吃到三个的时候，不能再吃了，我就停止吃包子这个事情

要终止循环，就可以直接使用 break 关键字

for (var i = 1; i <= 5; i++) {
  // 每循环一次，吃一个包子
  console.log('我吃了一个包子')
  // 当 i 的值为 3 的时候，条件为 true，执行 {} 里面的代码终止循环
  // 循环就不会继续向下执行了，也就没有 4 和 5 了
  if (i === 3) {
    break
  }
}

6. continue结束本次循环

在循环中，把循环的本次跳过去，继续执行后续的循环

比如：吃五个包子，到第三个的时候，第三个掉地下了，不吃了，跳过第三个，继续吃第四个和第五个

跳过本次循环，就可以使用 continue 关键字

for (var i = 1; i <= 5; i++) {
  // 当 i 的值为 3 的时候，执行 {} 里面的代码
  // {} 里面有 continue，那么本次循环后面的代码就都不执行了
  // 自动算作 i 为 3 的这一次结束了，去继续执行 i = 4 的那次循环了
  if (i === 3) {
    console.log('这个是第三个包子，掉地下了，我不吃了')
    continue
  }
  console.log('我吃了一个包子')
}