TypeScript 中的 Switch 语句|极客教程

TypeScript 中的 Switch 语句

在 TypeScript 中，switch 语句是一种选择性的流程控制语句，它根据不同的条件执行不同的代码块。本文将详细介绍 TypeScript 中 switch 语句的使用方法，并提供一些示例代码来帮助读者更好地理解。

1. switch 语句的基本语法

在 TypeScript 中，switch 语句的基本语法如下：

switch (expression) {
  case value1:
    // code block 1
    break;
  case value2:
    // code block 2
    break;
  // ...
  default:
    // code block n
    break;
}

其中，expression 是需要与每个 case 匹配的表达式，它的值将会与每个 case 的 value 进行比较。一旦有一个 case 的 value 与 expression 的值相匹配，就会执行该 case 对应的代码块，并且后续的 case 语句将不再执行。如果没有任何 case 的 value 与 expression 相匹配，则会执行 default 代码块中的内容。

需要注意的是，在 TypeScript 中，switch 语句使用的是 === 运算符进行比较，而不是 == 运算符。这意味着在比较时，不仅会比较值是否相等，还会比较类型是否相等。

2. 示例代码

为了更好地说明 switch 语句的使用方法，下面给出一些示例代码。

2.1 数字比较

const num = 3;

switch (num) {
  case 1:
    console.log("num 是 1");
    break;
  case 2:
    console.log("num 是 2");
    break;
  case 3:
    console.log("num 是 3");
    break;
  default:
    console.log("num 不是 1、2 或 3");
    break;
}

上述代码中，num 的值为 3。根据 switch 语句的规则，会执行 case 3 对应的代码块，即输出 “num 是 3″。注意，如果没有 break 语句，将会继续执行下一个 case 的代码块。

2.2 字符串比较

const str = "foo";

switch (str) {
  case "foo":
    console.log("str 是 foo");
    break;
  case "bar":
    console.log("str 是 bar");
    break;
  default:
    console.log("str 不是 foo 或 bar");
    break;
}

上述代码中，str 的值为 “foo”。根据 switch 语句的规则，会执行 case “foo” 对应的代码块，即输出 “str 是 foo”。

2.3 多个 case 分支执行同一代码块

const num = 1;

switch (num) {
  case 1:
  case 2:
    console.log("num 是 1 或 2");
    break;
  case 3:
    console.log("num 是 3");
    break;
  default:
    console.log("num 不是 1、2 或 3");
    break;
}

上述代码中，num 的值为 1。根据 switch 语句的规则，会执行 case 1 对应的代码块，即输出 “num 是 1 或 2″。

2.4 使用 default 分支

const fruit = "apple";

switch (fruit) {
  case "apple":
    console.log("这是一个苹果");
    break;
  case "banana":
    console.log("这是一个香蕉");
    break;
  default:
    console.log("这是一个水果");
    break;
}

上述代码中，fruit 的值为 “apple”。根据 switch 语句的规则，会执行 case “apple” 对应的代码块，即输出 “这是一个苹果”。