29 - 控制语句 - switch 语句 - 多条件匹配与执行

前端 - Javascript 《控制语句 - switch 语句 - 多条件匹配与执行》

在 JavaScript 的世界里，控制语句就像是程序的“指挥官”，它们指挥着代码按照我们的意愿执行。其中，switch 语句是一种非常实用的多条件匹配与执行工具，今天我们就来深入了解一下它。

什么是 switch 语句

switch 语句是 JavaScript 中的一种控制结构，用于基于不同的条件执行不同的代码块。它就像是一个多路开关，根据输入的值来决定接通哪一条电路。

基本语法

switch (expression) {
  case value1:
    // 当 expression 的值等于 value1 时执行的代码
    break;
  case value2:
    // 当 expression 的值等于 value2 时执行的代码
    break;
  default:
    // 当 expression 的值与所有 case 都不匹配时执行的代码
}

简单示例

假设我们要根据用户输入的数字来输出对应的星期几，就可以使用 switch 语句：

let day = 3;
switch (day) {
  case 1:
    console.log("星期一");
    break;
  case 2:
    console.log("星期二");
    break;
  case 3:
    console.log("星期三");
    break;
  case 4:
    console.log("星期四");
    break;
  case 5:
    console.log("星期五");
    break;
  case 6:
    console.log("星期六");
    break;
  case 7:
    console.log("星期日");
    break;
  default:
    console.log("输入的数字不在 1 - 7 范围内");
}

在这个例子中，day 的值为 3，所以会执行 case 3 中的代码，输出“星期三”。

break 关键字的作用

break 关键字用于终止 switch 语句的执行。如果没有 break，程序会继续执行下一个 case 中的代码，直到遇到 break 或者 switch 语句结束。这种现象叫做“穿透”。

下面是一个有穿透效果的例子：

let fruit = "apple";
switch (fruit) {
  case "apple":
    console.log("这是苹果");
  case "banana":
    console.log("这是香蕉");
    break;
  case "cherry":
    console.log("这是樱桃");
    break;
  default:
    console.log("未知水果");
}

输出结果会是：

这是苹果
这是香蕉

因为 case "apple" 中没有 break，所以程序会继续执行 case "banana" 中的代码，直到遇到 break 为止。

总结

switch 语句在处理多条件匹配时非常方便，它可以让代码更加清晰和易于维护。通过合理使用 break 关键字，我们可以灵活控制代码的执行流程。希望通过今天的介绍，你对 JavaScript 中的 switch 语句有了更深入的理解，在实际开发中能够熟练运用它。