迴圈結構

• 迴圈結構，就是根據某些給出的條件，重複的執行同一段程式碼
• 迴圈必須要有某些固定的內容組成
  1. 初始化
  2. 條件判斷
  3. 要執行的程式碼
  4. 自身改變

WHILE 迴圈

• while，中文叫 當…時，其實就是當條件滿足時就執行程式碼，一旦不滿足了就不執行了

• 語法 while (條件) { 滿足條件就執行 }

• 因為滿足條件就執行，所以我們寫的時候一定要注意，就是設定一個邊界值，不然就一直迴圈下去了

  // 1. 初始化條件
  var num = 0;
  // 2. 條件判斷
  while (num < 10) {
    // 3. 要執行的程式碼
    console.log('當前的 num 的值是 ' + num)
    // 4. 自身改變
    num = num + 1
  }
   
  

  • 如果沒有自身改變，那麼就會一直迴圈不停了

DO WHILE 迴圈

• 是一個和 while 迴圈類似的迴圈

• while 會先進行條件判斷，滿足就執行，不滿足直接就不執行了

• 但是 do while 迴圈是，先不管條件，先執行一回，然後在開始進行條件判斷

• 語法： do { 要執行的程式碼 } while (條件)

  // 下面這個程式碼，條件一開始就不滿足，但是依舊會執行一次 do 後面 {} 內部的程式碼
  var num = 10
  do {
    console.log('我執行了一次')
    num = num + 1
  } while (num < 10)
  

FOR 迴圈

• 和 while

  和 do while 迴圈都不太一樣的一種迴圈結構

• 道理是和其他兩種一樣的，都是迴圈執行程式碼的

• 語法： for (var i = 0; i < 10; i++) { 要執行的程式碼 }

  // 把初始化，條件判斷，自身改變，寫在了一起
  for (var i = 1; i <= 10; i++) {
    // 這裡寫的是要執行的程式碼
    console.log(i)
  }
  
  // 控制檯會依次輸出 1 ~ 10 
  

• 這個只是看起來不太舒服，但是用起來比較好用

BREAK 終止迴圈

• 在迴圈沒有進行完畢的時候，因為我設定的條件滿足，提前終止迴圈

• 比如：我要吃五個包子，吃到三個的時候，不能在吃了，我就停止吃包子這個事情

• 要終止迴圈，就可以直接使用 break 關鍵字

  for (var i = 1; i <= 5; i++) {
    // 沒迴圈一次，吃一個包子
    console.log('我吃了一個包子')
    // 當 i 的值為 3 的時候，條件為 true，執行 {} 裡面的程式碼終止迴圈
    // 迴圈就不會繼續向下執行了，也就沒有 4 和 5 了
    if (i === 3) {
      break
    }
  }
  

CONTINUE 結束本次迴圈

• 在迴圈中，把迴圈的本次跳過去，繼續執行後續的迴圈

• 比如：吃五個包子，到第三個的時候，第三個掉地下了，不吃了，跳過第三個，繼續吃第四個和第五個

• 跳過本次迴圈，就可以使用 continue 關鍵字

  for (var i = 1; i <= 5; i++) {
    // 當 i 的值為 3 的時候，執行 {} 裡面的程式碼
    // {} 裡面有 continue，那麼本次迴圈後面的程式碼就都不執行了
    // 自動算作 i 為 3 的這一次結束了，去繼續執行 i = 4 的那次迴圈了
    if (i === 3) {
      console.log('這個是第三個包子，掉地下了，我不吃了')
      continue
    }
    console.log('我吃了一個包子')
  }