switch case 语句在 JavaScript 中的灵活运用

# 1. switch case 语句在 JavaScript 中的灵活运用

1. 了解 switch case 语句
- 什么是 switch case 语句？
- switch case 语句的基本语法

## 了解 switch case 语句

### 什么是 switch case 语句？

在 JavaScript 中，switch case 语句是一种常用的条件语句，用于根据表达式的值选择不同的代码块执行。它可以替代多个 if else if 的判断结构，使代码更加简洁和易读。

### switch case 语句的基本语法

在 JavaScript 中，switch case 语句的基本结构如下所示：

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

- `switch` 是关键字，用于声明 switch case 结构。
- `expression` 是一个要计算的表达式或值。
- `case` 后面的 `value` 是一个常量或表达式，用于匹配 `expression` 的值。
- `break` 表示退出 switch case 结构，如果省略 `break`，则会继续执行下一个 `case` 或 `default`。
- `default` 是可选的，用于处理 `expression` 没有匹配到任何 `case` 的情况。

Switch case 语句能让代码结构更加清晰，并且在一些适合的情况下，能提高代码的性能。接下来我们将深入探讨 switch case 语句的各种应用场景。

# 2. switch case 语句的基本用法

在 JavaScript 中，switch case 语句是一种用于多重条件判断的结构。下面我们将详细介绍 switch case 的基本用法。

1. **示例：基本的 switch case 语句用法**

下面是一个简单的示例，演示了如何使用 switch case 判断不同的值：

   let day = 2;
   let dayName = '';

   switch (day) {
       case 1:
           dayName = 'Monday';
           break;
       case 2:
           dayName = 'Tuesday';
           break;
       case 3:
           dayName = 'Wednesday';
           break;
       default:
           dayName = 'Unknown';
   }

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

**代码总结**：上面的代码根据 `day` 的值选择相应的 `dayName`，并通过 switch case 完成条件判断。

2. **default 关键字的作用**

在 switch case 语句中，default 关键字表示当没有任何一个 case 能匹配时，执行的默认情况。下面是一个示例：

   let fruit = 'apple';
   let fruitColor = '';

   switch (fruit) {
       case 'apple':
           fruitColor = 'red';
           break;
       case 'banana':
           fruitColor = 'yellow';
           break;
       default:
           fruitColor = 'unknown';
   }

   console.log(fruitColor); // 输出: red

**代码总结**：如果 `fruit` 既不是 `'apple'` 也不是 `'banana'`，则会执行 default 中的代码，给 `fruitColor` 赋值为 `'unknown'`。

这里展示了 switch case 语句在 JavaScript 中的基本用法，可以根据不同的条件执行相应的代码块。接下来我们将比较 switch case 和 if else 结构的使用场景。

# 3. switch case 与 if else 的比较

在实际的编程中，我们经常需要根据不同的条件执行不同的代码块。常见的选择是使用 `switch case` 或 `if else` 这两种结构来进行条件判断。在选择使用哪种结构时，我们需要考虑不同的因素，包括代码可读性、维护性和性能等方面。

下面将比较 `switch case` 和 `if else` 结构的优缺点，以及何时应该选择使用哪种结构来更好地处理条件判断。

1. **何时应该使用 switch case 而非 if else？**
| 选择条件 | switch case | if else |
|-------------------|---------