JavaScript switch...case 语句

在 JavaScript 中不一定非要使用 default case。例如，

let country = "Nepal";

switch (country) {
    case "USA":
        console.log("American");
        break;
    case "UK":
        console.log("British");
        break;
    case "Japan":
        console.log("Japanese");
}

console.log("Code after switch statement")

// Output: Code after switch statement

我们在上面的程序中没有使用 default case。此外，country 变量的值与 switch 语句中的任何 case 都不匹配。

在这种情况下，将完全跳过 switch 语句，程序流程会转到 switch 语句主体之后的行。

到目前为止，我们在每个 case 块中都使用了一个 break 语句。例如，

case 2:
    console.log("Monday");
    break;

break 语句在找到匹配的 case 后会终止 switch-case 的执行。

没有 break，即使找到匹配项，程序也会继续执行后续的 case。例如，

let fruit = "banana";

switch (fruit) {
    case "apple":
        console.log("Apple case");
    case "banana":
        console.log("Banana case");
    case "orange":
        console.log("Orange case");       
    default:
        console.log("Unknown fruit");
}

输出

Banana case
Orange case
Unknown fruit

有时，我们可能希望多个 case 值触发相同的代码块。为此，我们可以使用多个具有单个代码块的 case。

让我们看看下面的示例来清楚地理解这一点。

// Program to categorize age

let age = 19;

switch (age) {

    // when age is 13, 14, or 15
    case 13:
    case 14:
    case 15:
        console.log("Early Teen")
        break;

    // when age is 16 or 17
    case 16:
    case 17:
        console.log("Mid Teen");
        break;

    // when age is 18 or 19
    case 18:
    case 19:
        console.log("Late Teen");
        break;

    // when age is none of the above
    default:
        console.log("Other Age Group");
}

输出

Late Teen

在上面的程序中，我们将多个 case 分组在一起，这使我们能够为组中的所有 case 使用一个代码块。这些组是

• case 13、14 和 15 - 在屏幕上打印 Early Teen。
• case 16 和 17 - 在屏幕上打印 Mid Teen。
• case 18 和 19 - 在屏幕上打印 Late Teen。

由于19匹配第三组的第二个 case（case 19），因此输出打印为 Late Teen。

JavaScript 的 switch 语句执行类型检查，确保表达式的值和类型都与 case 值匹配。例如，

let a = 1;

switch (a) {
    case "1":
        a = "one (string type)";
        break;
    case 1:
        a = "one (number type)";
        break;
    case 2:
        a = "two (number type)";
        break;
    default:
        a = "not found";
}

console.log(`The value of a is ${a}.`);

输出

The value of a is one (number type).

在上面的程序中，我们将整数值 1 分配给变量 a。这里，

• case "1" 检查 a 是否为字符串 "1"。由于 a 不是字符串类型，因此求值为 false。
• case 1 检查 a 是否为整数 1。由于 a 的类型和值都与 case 1 匹配，因此求值为 true，从而将 "one (number type)" 分配给 a。

switch...case 和 if...else 语句都用于决策。然而，switch...case 和 if...else 在不同的条件下都很有用

• 对于基于同一表达式的大量条件，请使用 switch，这比 if...else 更具可读性。
• 对于无法轻松表示为离散 case 的复杂逻辑条件，请使用 if...else。

让我们看两个执行相同任务的程序，一个使用 switch 语句，另一个使用 if...else

// Program using switch statement 

let color = "green";

switch (color) {
    case "red":
        console.log("Stop");
        break;
    case "yellow":
        console.log("Caution");
        break;
    case "green":
        console.log("Go");
        break;
    default:
        console.log("Invalid color");
}

// Output: Go

在上面的程序中，color 变量会与每个 case 进行严格比较。当它匹配 "green" 这个 case 时，输出打印为 Go。

// Program using if...else statement

let color = "green";

if (color === "red") {
    console.log("Stop");
}
else if (color === "yellow") {
    console.log("Caution");
}
else if (color === "green") {
    console.log("Go");
}
else {
    console.log("Invalid color");
}

// Output: Go

这里，if...else 语句将 color 的值与各种条件进行比较。

当 color 匹配 "green" 时，将执行相应的块，输出打印为 Go。