如何在 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-08-23

2K+ 瀏覽量

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.