js switch case

switch 语句在 JavaScript 中是一种多分支选择结构，它允许根据一个表达式的值来执行不同的代码块。其基本语法结构如下：

switch (expression) {
  case value1:
    // 当 expression 等于 value1 时执行的代码
    break;
  case value2:
    // 当 expression 等于 value2 时执行的代码
    break;
  // ...
  default:
    // 当 expression 不匹配任何 case 时执行的代码
}

基础概念：

• expression 是要被评估的表达式，其结果会与每个 case 后的值进行比较。
• case 关键字后面跟着的值，是 expression 可能的匹配目标。
• break 语句用于终止 switch 结构，防止执行多个 case 分支中的代码。
• default 关键字是可选的，它代表当没有任何 case 与 expression 匹配时要执行的代码块。

优势：

• 可读性：相比于一系列的 if...else if...else 语句，switch 语句在有多个条件判断时更加清晰易懂。
• 效率：在某些 JavaScript 引擎中，对于大量的条件判断，switch 语句的执行效率可能会更高。

类型：

• 字符串：switch 语句可以用来匹配字符串。
• 数字：switch 语句也可以用来匹配数字。
• 表达式：switch 语句可以匹配表达式的结果。

应用场景：

• 当需要根据变量的不同值来执行不同的操作时，可以使用 switch 语句。
• 在处理状态机或者菜单选项等场景中，switch 语句可以使代码结构更加清晰。

遇到的问题及解决方法：

• 忘记使用 break 语句可能会导致“贯穿”（fall-through）现象，即执行了多个 case 分支的代码。解决方法是确保每个 case 分支后都有 break 语句。
• 如果 expression 的值没有与任何 case 匹配，且没有 default 分支，那么 switch 语句不会执行任何操作。可以通过添加 default 分支来处理这种情况。

示例代码：

let day = 3;
let dayName;

switch (day) {
  case 1:
    dayName = 'Monday';
    break;
  case 2:
    dayName = 'Tuesday';
    break;
  case 3:
    dayName = 'Wednesday';
    break;
  // ...
  case 7:
    dayName = 'Sunday';
    break;
  default:
    dayName = 'Invalid day';
}

console.log(dayName); // 输出: Wednesday

在这个例子中，变量 day 的值为 3，因此 switch 语句会匹配到 case 3，并将 dayName 设置为 'Wednesday'。之后遇到 break 语句，跳出 switch 结构。