循環語句

js（學習筆記） ---- 九層之臺，起於累土

for循環

循環：根據指定次數 一遍又一遍執行相同的代碼

語法

for (起始值; 執行條件(循環結束條件); 累加記錄步長) { // 代碼塊兒
  // 每次循環 要執行的代碼code
}
複製代碼

例子：

// 經過for循環 打印輸出五次 'hello world!'
    
    for (var i = 0; i < 10; i++) { // 循環體
      console.log('hello world!')
    }

    // 每次循環分爲三步
    // 1.進行條件判斷 i < 5 
    // 2.條件爲true 執行循環體裏的代碼 不然退出循環
    // 3.執行完後就讓i的值 累加一次i++
    // 每次循環重複以上步驟
    
    // 第一次循環 i = 0
    // i < 5 返回true
    // 輸出一次 'hello worldworld!'
    // i++

    // 第二次循環 i = 1
    // i < 5 返回true
    // 輸出一次 'hello world!'
    // i++

    // 第三次循環 i = 2
    // i < 5 返回true
    // 輸出一次 'hello world!'
    // i++
    // ....
複製代碼

i++

遞增，自身基礎上累加1

var i = 10;
i++;
console.log(i++); // 11
複製代碼

循環中的break和continue

break： for循環 循環體中一旦遇到break，整個for循環直接結束 後面代碼都不會執行（包括i++也不會再執行） continue：for循環 循環體遇到 continue 直接進入 下一輪循環，當前這一輪循環體裏後面代碼不會執行

// break(中斷整個循環)
    // continue(跳到下一輪循環)

    // break
    // 只要在循環體中遇到break 整個for循環就結束了 
    // break後面代碼都不會執行了 以及i++也不執行了

    for (var i = 0; i < 10; i++) {

      // 當i=5的時候 整個循環就結束了
      if (i === 5) {
        break; // 一旦遇到break整個循環就結束了
      }
      // console.log('i', i) // 0 1 2 3 4
    }
    // console.log('end', i) // end 5


    // for (var l = 0; l < 5; l++) {
    // break; // 第一次循環時 就遇到了break 直接結束
    // console.log('l', l)
    // }

    // continue 直接跳到下一輪 就把continue後面代碼忽略掉 並不會中斷循環

    for (var i = 0; i < 10; i++) {
      if (i < 5) { // i小於5的時候 遇到continue 
        // 不會執行continue後面的代碼 直接跳到下一輪循環
        continue;
      }
      console.log('i', i) // 5 6 7 8 9
    }
複製代碼

while循環

// while 循環
    // 語法
    // while (條件) {
    // // 只要條件成立爲true 就會一直循環執行下去
    // // 「當心死循環😯」 頁面卡死 風扇想起 
    // }

    var n = -10
    while(n < 5) {
      // 在自身基礎上 累加5
      n += 5 // n = -5 n = 0 n = 5
      console.log('n', n) // -5 0 5
      // if (n === 0) {
      // break
      // }
    }
複製代碼

----------------------------------------------------------------------------------------------------------------
參考文章&&強烈推薦：布羅利