js switch case语句例子：JavaScript 中的 switch case 语句详解与实例

来源：网络作者：日期：2025-11-06 23:20:47

在 JavaScript 中，switch 语句是一种多分支选择结构，用于根据不同的条件执行不同的代码块，它通常用于处理多个可能的值，避免了使用多个 if-else 语句的冗长代码，本文将通过几个实例，详细介绍 switch 语句的语法和用法。

`switch` 语句的基本语法

switch 语句的基本语法如下：

switch (expression) {
  case value1:
    // 执行代码块1
    break;
  case value2:
    // 执行代码块2
    break;
  ...
  default:
    // 默认代码块
}

expression 是一个表达式，case 后跟一个值，expression 的值与某个 case 后的值匹配，则执行对应的代码块。break 语句用于终止当前 case 的执行，防止代码继续执行后续的 case（称为“fall through”），如果没有任何 case 匹配，则执行 default 代码块。

实例演示

下面通过几个实例来展示 switch 语句的使用。

实例1：简单的颜色选择器

假设我们有一个颜色选择器,用户可以选择不同的颜色，程序根据选择的颜色显示不同的消息。

let color = "blue";
switch (color) {
  case "red":
    console.log("你选择了红色");
    break;
  case "blue":
    console.log("你选择了蓝色");
    break;
  case "green":
    console.log("你选择了绿色");
    break;
  default:
    console.log("颜色选择无效");
}

在这个例子中,当 color 的值为 "blue" 时，程序会输出 "你选择了蓝色"，并跳出 switch 语句。color 的值是其他未定义的值，则会执行 default 代码块。

实例2：根据成绩等级显示评价

假设我们有一个成绩等级系统,根据不同的成绩等级显示不同的评价。

let grade = "B";
switch (grade) {
  case "A":
    console.log("优秀！");
    break;
  case "B":
    console.log("良好！");
    break;
  case "C":
    console.log("及格！");
    break;
  case "D":
    console.log("不及格！");
    break;
  default:
    console.log("无效的成绩等级");
}

在这个例子中,程序根据 grade 的值输出不同的评价。grade 是 "B"，则输出 "良好！"。

js switch case语句例子：JavaScript 中的 switch case 语句详解与实例

实例3：处理用户输入的月份

假设我们有一个程序,根据用户输入的月份显示对应的季节。

let month = 10; // 10 代表十月
switch (month) {
  case 12:
  case 1:
  case 2:
    console.log("冬季");
    break;
  case 3:
  case 4:
  case 5:
    console.log("春季");
    break;
  case 6:
  case 7:
  case 8:
    console.log("夏季");
    break;
  case 9:
  case 10:
  case 11:
    console.log("秋季");
    break;
  default:
    console.log("无效的月份");
}

在这个例子中,switch 语句通过多个 case 值匹配来确定季节，当 month 为 10 时，程序会匹配到 case 10，并输出 "秋季"，注意，这里使用了多个 case 值匹配同一个代码块，这是 switch 语句的一个常见用法。

`switch` 与 `if-else` 的比较

在某些情况下,switch 语句可以替代 if-else 语句，但两者并不总是可以互换。switch 语句更适合处理离散的、互斥的值，而 if-else 语句则更适合处理连续的或范围条件。

以下 if-else 语句可以转换为 switch 语句：

js switch case语句例子：JavaScript 中的 switch case 语句详解与实例

let age = 20;
if (age < 18) {
  console.log("未成年人");
} else if (age < 65) {
  console.log("成年人");
} else {
  console.log("老年人");
}

转换为 switch 语句后：

let age = 20;
switch (true) {
  case age < 18:
    console.log("未成年人");
    break;
  case age < 65:
    console.log("成年人");
    break;
  default:
    console.log("老年人");
}

虽然可以转换,但这种方式并不常见，因为 switch 语句更适合处理等值匹配，而不是范围匹配。

注意事项

break 语句：每个 case 后通常需要 break 语句，否则代码会继续执行下一个 case，导致意外的行为（称为“fall through”）。
数据类型：switch 语句中的 case 值必须与 expression 的值类型相同，否则不会匹配，字符串和数字不会自动转换类型。
default 语句：default 语句用于处理所有 case 都不匹配的情况，类似于 if-else 中的 else。