如何在 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+ 浏览量

开启您的 职业生涯

通过完成课程获得认证

开始学习
广告