JS switch case语句|极客笔记

JS switch case语句

在JavaScript中，switch case语句是一种适合处理多个条件分支的控制流语句。它可以替代使用多个if语句来实现同样的功能，使代码更加简洁和易于阅读。在本文中，我们将详细介绍switch case语句的用法和特性，包括如何使用它来处理不同情况下的代码执行路径。

基本语法

switch case语句的基本语法如下所示：

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

switch是关键字，用于声明switch case语句的开头。
expression是一个变量或表达式，它的值会被用来匹配各个case中的值。
case value1:、case value2:等分支是用来检查expression的值是否等于value的。
break关键字用于终止当前case的代码块执行，并跳出switch语句。
default分支是可选的，当expression的值没有匹配任何case时，会执行default中的代码块。

示例

让我们通过一个简单的示例来说明switch case语句的用法。假设我们有一个变量day表示星期几，我们想根据day的值输出对应的中文星期名称。

let day = 3;
let dayName;

switch (day) {
  case 1:
    dayName = '星期一';
    break;
  case 2:
    dayName = '星期二';
    break;
  case 3:
    dayName = '星期三';
    break;
  case 4:
    dayName = '星期四';
    break;
  case 5:
    dayName = '星期五';
    break;
  case 6:
    dayName = '星期六';
    break;
  case 7:
    dayName = '星期日';
    break;
  default:
    dayName = '无效的星期数';
}

console.log(dayName); // 输出: 星期三

在上面的示例中，我们通过switch case语句根据day的值选择对应的星期名称，并将结果赋值给dayName变量。在这种情况下，当day的值为3时，会输出”星期三”。

注意事项

在使用switch case语句时，需要特别注意一些问题：

1. 每个`case`后面需要加上`break`

在每个case的代码块中，一定要加上break关键字来终止当前的case，否则会继续执行下一个case中的代码。如果没有适时地使用break，可能会造成意外的行为。

let num = 1;

switch (num) {
  case 1:
    console.log('One');
  case 2:
    console.log('Two');
    break;
  case 3:
    console.log('Three');
    break;
  default:
    console.log('Other');
}
// 输出:
// One
// Two

在上面的示例中，由于case 1没有加上break，导致在匹配到case 1的时候，会继续执行case 2中的代码。

2. `switch case`不支持条件表达式

switch case语句的每个case只能是一个固定的值，不支持条件表达式或逻辑表达式。如果需要更复杂的条件判断，可以考虑使用多个if else语句来代替switch case。

// 错误的示例
let num = 10;

switch (num > 5) {
  case true:
    console.log('大于5');
    break;
  case false:
    console.log('小于等于5');
    break;
  default:
    console.log('Other');
}
// 输出: SyntaxError: Unexpected token '>'

3. `switch case`可以嵌套

switch case语句可以嵌套在其他switch case语句中，以实现更复杂的条件判断。

let num1 = 1;
let num2 = 2;

switch (num1) {
  case 1:
    switch (num2) {
      case 1:
        console.log('num2 is 1');
        break;
      case 2:
        console.log('num2 is 2');
        break;
      default:
        console.log('num2 is not 1 or 2');
    }
    break;
  default:
    console.log('num1 is not 1');
}