js case switch|极客笔记

js case switch

1. 介绍

case和switch是JavaScript中的条件语句，用于根据不同的条件执行不同的代码块。switch语句将会根据给定的表达式的值，从一个或多个case标签中选择一个执行。本文将详细解释case和switch的用法和特点。

2. `switch`语句的语法

switch语句的一般语法如下：

switch(expression) {
  case value1:
    // 在值等于 value1 的情况下执行的代码块
    break;
  case value2:
    // 在值等于 value2 的情况下执行的代码块
    break;
  case value3:
    // 在值等于 value3 的情况下执行的代码块
    break;
  default:
    // 如果值与所有case标签都不匹配则执行的代码块
}

break关键字用于中断switch语句，并阻止执行其他case语句。如果没有对应的case标签，则会执行default标签下的代码块（可选）。

expression是一个要被计算的表达式，它的结果将会与case后的值进行比较。case后的值可以是一个常量、变量、或者表达式。

以下示例演示了一个简单的switch语句：

const fruit = 'apple';

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

输出为：

It is an apple.

3. `case`和`switch`的特点

case和switch的使用有一些特点需要注意。

3.1 严格相等比较

在switch语句中，使用的是严格相等比较（===），这意味着进行比较时会同时比较值和类型。因此，如果有需要，我们可以根据需要使用类型转换。

3.2 多个`case`标签

switch语句可以有多个case标签，如果表达式的结果与其中一个标签匹配，则执行匹配的代码块。以下示例演示了多个case标签的用法：

const day = 1;

switch (day) {
  case 1:
  case 2:
  case 3:
  case 4:
  case 5:
    console.log('Weekday');
    break;
  case 6:
  case 7:
    console.log('Weekend');
    break;
  default:
    console.log('Invalid day');
}

输出为：

Weekday

3.3 没有`break`

如果在case标签后没有添加break关键字，将会继续执行下一个case标签中的代码块，直到遇到break关键字或者switch语句结束。以下示例演示了没有break的情况：

const fruit = 'banana';

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

输出为：

It is a banana.
It is an orange.

3.4 使用`default`

default关键字可选，并且不需要放在switch语句的最后。如果没有匹配的case标签，将会执行default标签下的代码块。以下示例演示了使用default的情况：

const color = 'blue';

switch (color) {
  case 'red':
    console.log('The color is red.');
    break;
  case 'green':
    console.log('The color is green.');
    break;
  default:
    console.log('The color is blue.');
}

输出为：