Заявление выключателя JavaScript – с примером примера переключателя JS

Автор оригинала: FreeCodeCamp Community Member.

Создание условных условий для решения того, какие действия выполняются одна из самых фундаментальных частей программирования в JavaScript. Этот учебник поможет вам научиться создавать несколько условных условий, используя Переключатель ключевое слово.

Как выключатели выключания работают в JavaScript

JavaScript Переключатель Ключевое слово используется для создания нескольких условных операторов, что позволяет выполнять различные блоки кода, основанные на разных условиях.

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

var score = 20;

switch(age){
    case 10:
        console.log("Score value is 10");
        break;
    case 20:
        console.log("Score value is 20");
        break;
    default:
        console.log("Score value is neither 10 or 20");
}

Код выше будет печатать «Значение оценки 20» к консоли. Оператор коммутатора работает, сравнивая выражение дано ему с выражениями в каждом дело пункт.

Во-первых, вам нужно пройти выражение в Переключатель Заявление, которое затем заключено в пару круглых кронштейнов () Отказ Вы можете пройти переменную или буквальное значение, как показано ниже:

var age = 29;

switch(age){}
// or
switch(true){}
switch("A string"){}
switch(5+5){}

выражение будет оцениваться один раз, а потом по сравнению с выражениями, которые вы определяете в каждом дело пункт сверху вниз.

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

• Первый дело будет сравниться, если цветок
• Второй дело будет сравниться, если цветок
• Третий дело будет сравниться, если цветок
• Когда все три дело пункты возвращаются ложь , по умолчанию дело будет выполнено

var flower = "tulip";

switch (flower){
    case "rose":
        console.log("Roses are red");
        break;
    case "violet":
        console.log("Violets are blue");
        break;
    case "sunflower":
        console.log("Sunflowers are yellow");
        break;
    default:
        console.log("Please select another flower");
}

по умолчанию Кейс не является обязательным, что означает, что вы можете просто пройти через Переключатель Заявление без генерации какого-либо вывода. Но всегда лучше включить один по умолчанию случай, чтобы вы знали Переключатель Заявление надлежащим образом выполняется JavaScript.

Вы можете включить только один по умолчанию случай в Переключатель Заявление или JavaScript бросит ошибку.

Наконец, вам нужно включить Перерыв ключевое слово в каждом дело Тело пункта, чтобы остановить Переключатель Выпускное исполнение после найден подходящего случая. Если вы опускаете Перерыв Ключевое слово, JavaScript будет продолжать оценивать выражение до последнего дело пункт.

Следующий код будет распечатать оба «Розы красные» и «Пожалуйста, выберите другой цветок» потому что Перерыв ключевое слово опускается из дело пункты, вызывающие JavaScript продолжать сравнение выражения вплоть до последнего случая, который является по умолчанию дело:

var flower = "rose";

switch (flower){
    case "rose":
        console.log("Roses are red");
    case "violet":
        console.log("Violets are blue");
    case "sunflower":
        console.log("Sunflowers are yellow");
    default:
        console.log("Please select another flower");
}

Даже когда выражение «Роза» уже нашел матч в первом дело Пункт, JavaScript до сих пор продолжают работать Переключатель заявление, потому что нет нет Перерыв

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

Подводя итоги, вот как Переключатель Заявление работает:

• Во-первых, вам нужен выражение Что вы хотите сравнить с некоторыми усложными условными.
• Тогда вы пишете все условные средства для сравнения с выражение в каждом дело пункт, включая по умолчанию случай, когда нет совпадения дело
• Наконец, напишите код, который вы хотите выполнить в каждом дело следуют за Перерыв Ключевое слово, чтобы остановить JavaScript с дальнейшего сравнения выражение с дело пункты

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

Когда использовать оператор выключателя

Оба Переключатель Заявление и Если..элс Заявление используются для создания условных условий. Правило, что Переключатель Заявление используется только тогда, когда у вас есть Точное значение для условных.

Это потому, что Если..элс Заявление можно использовать для сравнения выражение с неточная стоимость например, больше или меньше, чем:

var score = 70;

if(score > 50){
  console.log("Score is higher than 50");
} else {
  console.log("Score is 50 or lower");
}

Но вы не можете использовать Оценка> 50 Как условие для дело пункт. В следующем примере будет распечатать по умолчанию дело, хотя Оценка> 50 :

var score = 70;

switch(score){
    case score > 50:
        console.log("Score is higher than 50");
        break;
    default:
        console.log("Score is 50 or lower");
}

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

var score = 70;

switch(true){
    case score > 50:
        console.log("Score is higher than 50");
        break;
    default:
        console.log("Score is 50 or lower");
}

Хотя код выше будет работать, лучше использовать Если..элс заявление, потому что это более читаемое.

Спасибо за чтение этого учебника

Вы также можете быть заинтересованы в других учебных пособиях JavaScript, в том числе Нахождение длины строки JavaScript и Как извлечь выгоду из первой буквы строки Отказ Они являются одними из наиболее распространенных проблем JavaScript, которые люди находят ежедневно.

У меня также есть Бесплатная рассылка О программах веб-разработчиков (в основном связано с JavaScript).