JavaScript 中 switch-case 语句的用法？

推荐答案

// www.javascriptcn.com code example
let fruit = 'apple';

switch (fruit) {
  case 'banana':
    console.log('This is a banana.');
    break;
  case 'apple':
    console.log('This is an apple.');
    break;
  case 'orange':
    console.log('This is an orange.');
    break;
  default:
    console.log('Unknown fruit.');
}

本题详细解读

1. switch 语句的基本结构

switch 语句用于根据不同的条件执行不同的代码块。它的基本结构如下：

// www.javascriptcn.com code example
switch (expression) {
  case value1:
    // 当 expression 等于 value1 时执行的代码
    break;
  case value2:
    // 当 expression 等于 value2 时执行的代码
    break;
  default:
    // 当 expression 不等于任何 case 值时执行的代码
}

• expression：这是 switch 语句要评估的表达式，通常是一个变量或表达式。
• case value1：每个 case 后面跟着一个值，如果 expression 的值与 case 的值匹配，则执行该 case 下的代码块。
• break：break 语句用于终止 switch 语句的执行。如果没有 break，代码会继续执行下一个 case，直到遇到 break 或 switch 语句结束。
• default：default 是可选的，当 expression 的值与所有 case 都不匹配时，执行 default 下的代码块。

2. switch 语句的执行流程

1. switch 语句首先计算 expression 的值。
2. 然后，它会从上到下依次比较 expression 的值与每个 case 的值。
3. 如果找到匹配的 case，则执行该 case 下的代码块，直到遇到 break 语句或 switch 语句结束。
4. 如果没有找到匹配的 case，则执行 default 下的代码块（如果有的话）。

3. break 语句的重要性

break 语句在 switch 语句中非常重要。如果没有 break，代码会继续执行下一个 case，这可能会导致意外的行为。例如：

// www.javascriptcn.com code example
let fruit = 'apple';

switch (fruit) {
  case 'banana':
    console.log('This is a banana.');
  case 'apple':
    console.log('This is an apple.');
  case 'orange':
    console.log('This is an orange.');
  default:
    console.log('Unknown fruit.');
}

输出结果将是：

This is an apple.
This is an orange.
Unknown fruit.

因为没有 break，代码会从匹配的 case 开始一直执行下去。

4. default 的使用

default 是可选的，但它通常用于处理未预料到的情况。例如：

// www.javascriptcn.com code example
let fruit = 'grape';

switch (fruit) {
  case 'banana':
    console.log('This is a banana.');
    break;
  case 'apple':
    console.log('This is an apple.');
    break;
  case 'orange':
    console.log('This is an orange.');
    break;
  default:
    console.log('Unknown fruit.');
}

输出结果将是：

Unknown fruit.

因为 grape 没有匹配到任何 case，所以执行了 default 下的代码块。

5. switch 语句的适用场景

switch 语句通常用于处理多个条件分支的情况，特别是当条件是基于一个变量的值时。与多个 if-else 语句相比，switch 语句可以使代码更清晰、更易读。

6. 注意事项

• switch 语句中的 case 值必须是常量或字面量，不能是变量或表达式。
• switch 语句中的 case 值是严格比较（===），因此类型和值都必须匹配。