基于switch你可能不知道的一些用法

简介

switch 是 JavaScript 中流程控制语句之一，可以根据指定的表达式的值，在多个代码块中选择执行其中的一个。通常，switch 语句用于代替多个 if 语句的情况。

除了常见的使用场景外，switch 还有一些其他很有用的用法，接下来我们来学习其中几个常用的技巧。

示例一：多个条件匹配

在普通的 switch 语句中，通常只能匹配一个值并对其进行相应的操作。但是，我们可以使用多个 case 来扩展这种匹配的情况，例如：

const fruit = 'orange';

switch (fruit) {
  case 'banana':
  case 'apple':
  case 'pear':
    console.log('这是一种常见的水果');
    break;
  case 'orange':
  case 'mandarin':
    console.log('这是一种柑橘类水果');
    break;
  case 'grape':
  case 'purple':
    console.log('这是一种葡萄类水果');
    break;
  default:
    console.log('无法识别的水果类型');
}

在这个示例中，我们定义了多个 case 来判断水果类型。如果匹配到了其中的任何一个 case，就会执行相应的代码块。注意，每个代码块需要使用 break 关键字来终止 switch 语句，否则程序会继续执行下去。

示例二：匹配区间值

switch 语句通常只能匹配相等的值，但是我们可以使用一些技巧来实现匹配区间的值。例如，我们可以结合 if 语句来实现这个功能：

const age = 20;

switch (true) {
  case age < 12:
    console.log('儿童');
    break;
  case age >= 12 && age < 18:
    console.log('青少年');
    break;
  case age >= 18 && age < 60:
    console.log('成年人');
    break;
  default:
    console.log('老年人');
}

在这个示例中，我们使用了 switch (true) 来判断表达式的值为 true，从而能够执行多个条件匹配。每个 case 中使用了一个布尔表达式来判断是否匹配。注意，这里的 break 语句也要小心使用，以防止多个代码块被执行。

总结

通过学习上面的示例，我们了解了 switch 语句的更多用法。除了常见的用法外，还能够实现多个条件匹配和匹配区间值等功能。在实际编码中，我们可以灵活结合这些技巧来处理不同的场景和问题。