js case循环

在JavaScript中，switch语句常用于多条件判断，而case则是switch语句中的一个分支。虽然case本身不是一个循环结构，但它可以与循环结构（如for、while）结合使用，以实现基于条件的重复执行代码块。

基础概念

switch语句根据一个表达式的值来执行不同的代码块。每个可能的值都对应一个case标签，如果表达式的值与某个case标签的值相匹配，则执行该case后的代码，直到遇到break语句或switch语句结束。

语法

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

优势

可读性：相比于多个if...else if...else语句，switch语句在处理多个条件判断时更加清晰。
性能：在某些JavaScript引擎中，switch语句的性能可能优于长链的if...else语句。

应用场景

当需要根据一个变量的不同值执行不同的代码块时。
当有多个条件需要判断，并且每个条件都有相应的处理逻辑时。

示例代码

假设我们有一个数字变量day，根据它的值输出对应的星期几：

let day = 3;
switch (day) {
  case 1:
    console.log('星期一');
    break;
  case 2:
    console.log('星期二');
    break;
  case 3:
    console.log('星期三');
    break;
  // ...
  case 7:
    console.log('星期日');
    break;
  default:
    console.log('无效的星期数');
}

结合循环使用

虽然case本身不是循环，但我们可以结合for循环来重复执行switch语句：

for (let day = 1; day <= 7; day++) {
  switch (day) {
    case 1:
      console.log('星期一');
      break;
    case 2:
      console.log('星期二');
      break;
    // ...
    case 7:
      console.log('星期日');
      break;
    default:
      console.log('无效的星期数');
  }
}

常见问题及解决方法

问题：switch语句中没有break，导致“贯穿”现象。

原因：如果在case分支中没有break语句，程序会继续执行下一个case分支的代码，直到遇到break或switch结束。

解决方法：在每个case分支的末尾添加break语句，以防止意外的代码执行。

switch (value) {
  case 'a':
    console.log('Value is a');
    // 没有 break，会导致下面的 case 也被执行
  case 'b':
    console.log('Value is b');
    break;
  default:
    console.log('Unknown value');
}

在上述代码中，如果value是'a'，则会输出：

Value is a
Value is b

为了避免这种情况，应该在case 'a'后添加break：

switch (value) {
  case 'a':
    console.log('Value is a');
    break; // 添加 break 防止贯穿
  case 'b':
    console.log('Value is b');
    break;
  default:
    console.log('Unknown value');
}

这样，当value是'a'时，只会输出：