Условное переключение JavaScript

Изучите основы условного переключения JavaScript

Anif/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: