JavaScript switch case

JavaScript switch case:Else 语句允许我们在 TRUE 或 FALSE 之间进行选择。当存在多个选项时,我们使用嵌套的 If 语句。假设,如果我们有十个备选方案可以选择怎么办?如果我们使用嵌套的 If 语句,编程逻辑将难以理解。在这种情况下,switch 语句和 Else if 条件可以有效地处理这类问题。

它的工作功能与 if 语句几乎相同。如前所述,JavaScript 中的 Switch 语句可以有任意数量的 case。因此,switch case 将表达式值与 case 语句中分配的值进行比较。

如果值(表达式和 case 值)都匹配,则将执行该 case 语句中的代码块。为了更好地理解,让我们看一个 switch case 的语法。

JavaScript switch case 语法

它的语法如下:

Switch(expression) 
{
 Case Option 1:
    //Execute these when the expression result match Option 1
    break;
 Case Option 2:
    //Execute these when the expression result match Option 2
    break;
 Case Option 3:
    //Execute these when the expression result match Option 3
    break;
    ......
 Case Option N:
    //Execute when the result of expression match Option N
    break;
 Default:
    //Execute when the result of expression Not matching with any Option
    break;
}

switch case 表达式应为整数或字符(我们也可以将表达式写成 n/2…,但结果应为整数)。Option 1 和 Option 2……是常量。它只接受整数或字符,而 Else if 块也接受小数(2.3、3.5 等)。

Switch Case 允许我们添加一个 default case。如果变量值与任何 case 块都不匹配,则将执行 default 中的代码。Break 语句用于从中退出。否则,switch 条件中的所有语句都将执行。每当遇到 break 时,执行流将直接从中退出。

JavaScript switch 语句示例

此程序允许我们使用 算术运算符 通过 Switch Case 执行算术运算。请参考 JS Else嵌套 IfBreak 语句JavaScript 中的文章。

<!DOCTYPE html>
<html>
<head>
    <title> JavaScriptSwitchCase </title>
</head>
 <h1> JavaScriptSwitchCase </h1>
<body>
<script>
    var opertor = '*';
    var number1 = 10, number2 = 2;
    switch (opertor)
    {
        case '+':
            document.write("Addition of two numbers is: " + (number1 + number2));
            break;
        case '-':
            document.write("Subtraction of two numbers is: " + (number1 - number2));
            break;           
        case '*':
            document.write("Multiplication of two numbers is: " + (number1 * number2));
            break;
        case '/':
            document.write("Division of two numbers is: " + (number1 / number2));
            break;
        case '%':
            document.write("Module of two numbers is: " + (number1 % number2));
            break;
        default:
            document.write("<b> You have entered Wrong operator </b>");
            document.write("<br \> Please enter Correct operator such as +, -, *, /, %");
    }
</script>
</body>
</html>

输出 1:在此,我们将 * 分配给 operator 变量。

Switch Case Statement

输出 2:要检查 default 值,我们将 operator 从有效值更改为错误值(var operator = ‘//’;)。

You have entered Wrong operator
Please enter Correct operator such as +, -, *, /, %