如何在 JavaScript 中退出 switch case?

front end technologyjavascriptweb development

在本教程中,我们将学习如何在 JavaScript 中退出 switch case。switch-case 语句是过多复杂 if-else 语句的高级版本。假设在代码中,您对 if-else 语句应用了过多的条件;它将变得复杂。

用户可以在此处看到过多 if-else 的示例。

if( 条件 1) {
    // 一些代码
} else if( 条件 2 ) {
    // 此块的一些代码
} else if( 条件 3 ) {
    // 此块的一些代码
} else {
    // 一些代码
}

在上述情况下,最好使用 switch-case 语句,它使语法简单易读。此外,它需要学习打破 switch-case 语句。否则,它将连续执行不同的案例。

使用 break 关键字退出 Switch Case

在 JavaScript 中,break 关键字用于停止 switch case 的执行并退出。如果我们只想从 switch case 中执行单个案例,我们可以在 switch case 的每个案例之后应用 break 关键字。如果我们不应用 break 关键字,switch case 将继续执行所有案例,并在所有案例完成后退出。

语法

用户可以按照以下语法将 break 关键字与 switch case 一起使用。

switch (expression) {
    case "A":
        
        // case "A" 的代码。
        break;
    case "B":
    
        // case "B" 的代码。
        break;
    default:
    	// default case break 的代码;
}

关键字

  • expression − 它是 switch case 的表达式,它将与每个 case 匹配,并且表达式与任何 case 匹配;它将执行该代码块。

  • case − 它用于定义 switch-case 语句的各种情况。

  • default − 如果表达式与任何 case 都不匹配,它将执行使用"default"关键字定义的默认 case

  • break − 它用于从任何 case 中退出

示例

在下面的示例中,我们创建了具有各种 case 的 switch case,并在语句中出现某些 case 后应用 break 关键字。此外,我们还定义了默认 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",控制权转到默认情况,因为我们没有在 switch 语句中定义"Z"情况。对于表达式"C",控制权也转到情况"D",因为我们没有在情况"C"的语句后添加 break 关键字。

在本教程中,我们学习了如何中断 switch case 语句。问题是,如果用户想要从该情况终止执行,则需要在 switch-case 语句的代码块末尾添加 break 关键字。


相关文章