如何在 JavaScript 中退出 switch case？

在本教程中，我們將學習如何在 JavaScript 中退出 switch case。switch-case 語句是過於複雜的 if-else 語句的進階版本。假設在程式碼中，你對 if-else 語句應用了過多的條件；它將變得複雜。

使用者可以在這裡看到過多的 if-else 例子。

if( condition 1) {
   // some code
} else if( condition 2 ) {
   // some code for this block
} else if( condition 3 ) {
   // some code for this block
} else {
   // some code
}

在上述情況下，最好使用 switch-case 語句，它使語法更簡潔易讀。此外，還需要學習如何中斷 switch-case 語句。否則，它將連續執行不同的 case。

使用 break 關鍵字退出 Switch Case

在 JavaScript 中，break 關鍵字用於停止 switch case 的執行並退出。如果我們只想從 switch case 中執行單個 case，我們可以在 switch case 的每個 case 之後應用 break 關鍵字。如果我們不使用 break 關鍵字，switch case 將繼續執行所有 case，並在所有 case 執行完畢後退出。

語法

使用者可以按照以下語法在 switch case 中使用 break 關鍵字。

switch (expression) {
   case "A":
 
      // code for case "A". 
   break;
   case "B":
 
      // code for case "B".
   break;
   default:
   // code for default case break;
}

關鍵字

  • 表示式 − 它是 switch case 的表示式，它將與每個 case 匹配，表示式與任何 case 匹配；它將執行該程式碼塊。

  • case − 用於定義 switch-case 語句的各種 case。

  • default − 如果表示式與任何 case 不匹配，它將執行用“default”關鍵字定義的 default case。

  • break − 用於從任何 case 中退出。

示例

在下面的示例中，我們建立了帶有各種 case 的 switch case，並在某些 case 退出語句後應用了 break 關鍵字。我們還定義了 default case。此外，我們正在為不同的 case 執行 switch case，使用者可以在輸出中觀察結果。

<html>
<head>
</head>
<body>
   <h2>Comes out of switch case in JavaScript.</h2>
   <h4>Using the <i>break</i> keyword to stop the execution of the switch case.</h4>
   <p id="output"></p>
   <script>
      let output = document.getElementById("output");
      function matchCase(expression) {
         switch (expression) {
            case "A":
               output.innerHTML += "Control is in A case. <br/> ";
            break;
            case "B":
               output.innerHTML += "Control is in B case. <br/> ";
            break;
            case "C":
               output.innerHTML += "Control is in C case. <br/> ";
            case "D":
               output.innerHTML += "Control is in D case. <br/> ";
            break;
            default:
               output.innerHTML += "Control is in Default case. <br/> ";
            break;
         }
      }
      
      // calling the function for different expressions
      output.innerHTML += "<br/>";
      matchCase("A");
      output.innerHTML += "<br/>";
      matchCase("Z");
      output.innerHTML += "<br/>";
      matchCase("C")
   </script>
</body>
</html>

在上面的輸出中，使用者可以看到，對於表示式“A”的 switch case 執行在程式碼塊終止後停止執行。對於表示式“Z”，控制流轉到 default case，因為我們沒有在 switch 語句中定義“Z” case。對於表示式“C”，控制流也轉到 case “D”，因為我們在 case “C”的語句之後沒有新增 break 關鍵字。

在本教程中，我們學習瞭如何中斷 switch case 語句。關鍵是，如果使用者希望從該 case 終止執行，則需要在 switch-case 語句的程式碼塊末尾新增 break 關鍵字。

更新於：2022年8月23日

2K+ 瀏覽量

開啟您的 職業生涯

透過完成課程獲得認證

開始學習
廣告