CodeGym /課程 /Frontend SELF TW /循環的流程控制

循環的流程控制

Frontend SELF TW
等級 34 , 課堂 4
開放

10.1 break 操作符

breakcontinue 操作符用於在 JavaScript 中控制循環的流程。 它們允許立即中斷循環執行或分別跳到下一次迭代。

break 操作符

break 操作符用於立即退出循環。當 break 出現在循環體中時, 循環的執行會停止,控制權會轉移到循環後的下一個代碼塊。

語法:

    
      break;
    
  

中斷 for 循環:

JavaScript
    
      for (let i = 0; i < 10; i++) {

        if (i === 5) {
          break; // 當 i 等於 5 時中斷循環
        }
        console.log(i);
      }

      // 輸出: 0 1 2 3 4
    
  

10.2 continue 操作符

continue 操作符用於跳過當前迭代並轉到下一次迭代。與 break 不同, continue 不是結束整個循環,而是僅僅跳過當前迭代。

語法:

    
      continue;
    
  

在 for 循環中跳過迭代:

JavaScript
    
      for (let i = 0; i < 10; i++) {

        if (i % 2 === 0) {
          continue; // 如果 i 是偶數則跳過當前迭代
        }
        console.log(i);
      }

      // 輸出: 1 3 5 7 9
    
  

在 while 循環中跳過迭代:

JavaScript
    
    let i = 0;

    while (i < 10) {
      i++;
      if (i % 2 === 0) {
        continue; // 如果 i 是偶數則跳過當前迭代
      }
      console.log(i);
    }

    // 輸出: 1 3 5 7 9
    
  

10.3 比較 break 和 continue 操作符

操作符 描述 使用範例
break 立即結束當前循環 當滿足條件時退出循環
continue 跳過當前迭代並轉到下一次迭代 當滿足條件時跳過循環的迭代

breakcontinue 操作符是 JavaScript 中控制循環執行流程的強大工具。 break 用於立即結束循環,而 continue 則是跳過當前迭代並轉到下一次。 正確使用這些操作符可以創建更靈活和高效的代碼,使得代碼更容易理解和維護。

10.4 在嵌套循環中使用 break 和 continue

嵌套循環是指在其他循環內的循環。在這些結構中, 可以使用 breakcontinue 操作符來控制外部和內部循環的執行流程。

在嵌套循環中使用 break 的例子:

JavaScript
    
      for (let i = 0; i < 3; i++) {
        for (let j = 0; j < 3; j++) {
          if (i === 1 && j === 1) {
            break; // 退出內部循環
          }
          console.log(`i = ${i}, j = ${j}`);
        }
      }

      // 輸出:
      // i = 0, j = 0
      // i = 0, j = 1
      // i = 0, j = 2
      // i = 1, j = 0
      // i = 2, j = 0
      // i = 2, j = 1
      // i = 2, j = 2
    
  

在嵌套循環中使用 continue 的例子:

JavaScript
    
      for (let i = 0; i < 3; i++) {
        for (let j = 0; j < 3; j++) {
          if (i === 1 && j === 1) {
            continue; // 跳過內部循環的迭代
          }
          console.log(`i = ${i}, j = ${j}`);
        }
      }

      // 輸出:
      // i = 0, j = 0
      // i = 0, j = 1
      // i = 0, j = 2
      // i = 1, j = 0
      // i = 1, j = 2
      // i = 2, j = 0
      // i = 2, j = 1
      // i = 2, j = 2
    
  
1
問卷/小測驗
循環和數組,等級 34,課堂 4
未開放
循環和數組
循環和數組
留言
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION