JavaScript切换条件

了解JavaScript转换条件的基础

一个if/else当您有几种选择时,声明很不错。

但是,如果它们太多了,那可能就太过分了。您的代码看起来太复杂了。

在这种情况下,您可能要使用switch有条件的:

switch(<expression>) {
  //cases
}

根据表达式的结果,JavaScript将触发您定义的一种特定情况:

const a = 2
switch(a) {
  case 1:
    //handle case a is 1
    break
  case 2:
    //handle case a is 2
    break
  case 3:
    //handle case a is 3
    break
}

您必须添加一个break在每种情况下都必须使用该语句,否则JavaScript也会在下一种情况下执行代码(有时这很有用,但要提防错误)。在函数内部使用时,如果开关定义了返回值,则不要使用break你可以用return

const doSomething = (a) => {
  switch(a) {
    case 1:
      //handle case a is 1
      return 'handled 1'
    case 2:
      //handle case a is 2
      return 'handled 2'
    case 3:
      //handle case a is 3
      return 'handled 3'
  }
}

您可以提供default特殊情况,当没有大小写处理表达式的结果时调用:

const a = 2
switch(a) {
  case 1:
    //handle case a is 1
    break
  case 2:
    //handle case a is 2
    break
  case 3:
    //handle case a is 3
    break
  default:
    //handle all other cases
    break
}

免费下载我的JavaScript初学者手册


更多js教程: