了解 JavaScript 中的“switch”语句

php中文网 2024-10-15 11:53:31

switch 语句是一种控制结构，允许您根据表达式的值执行多个代码块之一。它是多个 if-else 语句的更清晰、更易读的替代方案。让我们用最简单的方式来分解它。

语法

switch 语句的基本语法如下：

switch (expression) {
  case value1:
    // code to execute if expression === value1
    break;
  case value2:
    // code to execute if expression === value2
    break;
  // ... more cases ...
  default:
    // code to execute if none of the cases match
}

一个例子

让我们看一个简单的示例，其中使用 switch 语句根据数字确定星期几。

let day = 3;
let dayname;

switch (day) {
  case 1:
    dayname = "monday";
    break;
  case 2:
    dayname = "tuesday";
    break;
  case 3:
    dayname = "wednesday";
    break;
  case 4:
    dayname = "thursday";
    break;
  case 5:
    dayname = "friday";
    break;
  case 6:
    dayname = "saturday";
    break;
  case 7:
    dayname = "sunday";
    break;
  default:
    dayname = "invalid day";
}

console.log(dayname); // output: wednesday

说明：

立即学习“Java免费学习笔记（深入）”；

switch 语句评估 day 的值。
如果 day 为 1，则将 dayname 设置为“星期一”。
如果 day 为 2，则将 dayname 设置为“星期二”。
等等...
如果 day 与任何情况都不匹配，则会将 dayname 设置为“无效日期”。

案例分组

如果您想对不同的值执行相同的代码，可以将多个 case 语句组合在一起。

示例：

let fruit = "apple";
let category;

switch (fruit) {
  case "apple":
  case "banana":
  case "orange":
    category = "fruit";
    break;
  case "carrot":
  case "broccoli":
    category = "vegetable";
    break;
  default:
    category = "unknown";
}

console.log(category); // output: fruit

说明：

立即学习“Java免费学习笔记（深入）”；

如果水果是“苹果”、“香蕉”或“橙子”，则会将类别设置为“水果”。
如果水果是“胡萝卜”或“西兰花”，则会将类别设置为“蔬菜”。
如果水果与任何情况都不匹配，则会将类别设置为“未知”。

类型很重要

switch 语句使用严格比较 (===) 将表达式与 case 值进行匹配。这意味着值和类型必须匹配。

示例：

let value = "1";

switch (value) {
  case 1:
    console.log("Number 1");
    break;
  case "1":
    console.log("String 1");
    break;
  default:
    console.log("Unknown");
}

// Output: String 1

说明：

立即学习“Java免费学习笔记（深入）”；