Введение в чехлы JavaScript

Автор оригинала: Bolaji Ayodeji.

В этой короткой статье я познакомим вас с чехлами переключателя JavaScript и как их использовать с практическими примерами.

Эта статья позволит лучше объяснить с более практическими примерами, чтобы помочь вам понять случаи переключателя в глубину.

Предпосылки.

• Основные знания JavaScript
• Редактор кода
• Веб-браузер
• Твой мозг:)

А Переключатель Заявление может в основном заменить несколько Если Проверяет в JavaScript.

Это дает более описательный способ сравнить значение с несколькими вариантами.

Синтаксис коммутатора

Переключатель имеет один или несколько дело Блоки и дополнительный корпус по умолчанию.

switch(x) {
  case 'value1':  // if (x === 'value1')
    //code here
    [break]

  case 'value2':  // if (x === 'value2')
    //code here
    [break]

  default:
    //code here
    [break]
}

• Значение х проверяется на строгое равенство к значению от первого дело (То есть Value1 ) Затем ко второму ( Value2 ) и так далее.
• Если равенство найдено, Переключатель Начинает выполнять код, начиная с соответствующего дело до ближайшего Перерыв (или до конца Switch ).
• Если ни один случай не совпадает, то по умолчанию код выполнен (если он существует).

Некоторые немногие реальные примеры

• Простая игра и пауза выключатель

Переключатель Заявление может быть использовано для нескольких ветвей в зависимости от номера или строки:

switch (movie) {
  case 'play':
    playMovie();
    break;
  case 'pause':
    pauseMovie();
    break;
  default:
    doNothing();
}

Если вы не добавите Перерыв Заявление, исполнение будет «падать» на следующий уровень. Важно, чтобы вы намеренно отметили падение с комментарием, если вы действительно имели в виду, чтобы помочь отладки:

switch (movie) {
  case 'play': // fallthrough
  case 'pause':
    pauseMovie();
    break;
  default:
    doNothing();
}

Пункт по умолчанию является необязательным. Вы можете иметь выражения как в части переключателя, так и в случаях, если хотите; сравнения проходят между двумя, используя === Оператор:

switch (3 + 7) {
  case 5 + 5:
    correct();
    break;
  default:
    neverhappens();
}

• Простая математика Calc Switch

let average = 2 + 6;

switch (average) {
  case 4:
    alert( 'Too small' );
    break;
  case 8:
    alert( 'Exactly!' );
    break;
  case 10:
    alert( 'Too large' );
    break;
  default:
    alert( "Incorrect values!" );
}

Здесь Переключатель Начинает сравнивать средний от первого дело Вариант, который является 4 Отказ Матч не удается.

Тогда 8 Отказ Это совпадение, поэтому исполнение начинается с Случай 8 до ближайшего Перерыв Отказ

Если нет перерыв Тогда исполнение продолжается с следующим дело без каких-либо чеков.

Вот пример без Перерыв :

let average = 2 + 6;

switch (average) {
  case 4:
    alert( 'Too small' );
  case 8:
    alert( 'Exactly!' );
  case 10:
    alert( 'Too big' );
  default:
    alert( "Incorrect values!" );
}

В приведенном выше примере мы увидим последовательное выполнение трех оповещения :

alert( 'Exactly!' );
alert( 'Too big' );
alert( "Incorrect values!" );

• Выключатель метода в чёмнике ()

ИТДА () Метод возвращает будний день как число от 0 до 6.

Этот пример использует номер будного дня для расчета имени недели:

switch (new Date().getDay()) {
  case 0:
    day = "Sunday";
    break;
  case 1:
    day = "Monday";
    break;
  case 2:
     day = "Tuesday";
    break;
  case 3:
    day = "Wednesday";
    break;
  case 4:
    day = "Thursday";
    break;
  case 5:
    day = "Friday";
    break;
  case 6:
    day = "Saturday";
}

Результат дня будет текущий в день в день формате

PS: Это изменится в соответствии с тем, когда вы читаете эту статью

Я написал эту статью 13/06/2019, которая в четверг, поэтому результат будет:

Thursday

Ключевое слово значение по умолчанию

по умолчанию Ключевое слово указывает код для запуска, если нет совпадения корпусов, больше похоже на оператор для остального:

switch (new Date().getDay()) {
  case 6:
    text = "Today is Saturday";
    break; 
  case 0:
    text = "Today is Sunday";
    break; 
  default: 
    text = "Its not weekend yet!";
}

Результат текста будет:

Its not weekend yet!

по умолчанию Корпус не должен быть последним случай в блоке переключателя:

switch (new Date().getDay()) {
  default: 
    text = "Its not weekend yet!";
    break;
  case 6:
    text = "Today is Saturday";
    break; 
  case 0:
    text = "Today is Sunday";
}

Заключение

Есть так много практических примеров случаев переключателя, вы можете отправиться в Google.com и запустить быстрый поиск дополнительных примеров примеров переключателей.

Если эта статья помогла вам, покажи это, поделившись.

Спасибо за прочтение!