JavaScript: работаем с синтаксической конструкцией switch
Javascript-выражение Else позволяет нам выбирать между TRUE или FALSE. Если значений больше двух, то используется вложенное выражение if. А представим, что у нас 10 возможных вариантов. Если в такой ситуации использовать вложенное выражение if, то программная логика будет сложна для понимания. Сегодня мы хотим познакомить вас с выражением JavaScript switch case.
Выражение Switch принимает бесконечное количество значений, и затем сравнивает значение выражения со значениями, указанными в инструкциях case. Если оба значения (значение выражения и значение case) соответствуют, то инструкции, указанные в case, будут исполнены. Чтобы лучше понять, как работает switch case, приведем пример кода:
Синтаксис Javascript Switch Case
Switch (expression)
{
Case Option 1:
//Выполнить эту инструкцию, когда результат выражения соответствует Option 1
break;
Case Option 2:
// Выполнить эту инструкцию, когда результат выражения соответствует Option 2
break;
Case Option 3:
// Выполнить эту инструкцию, когда результат выражения соответствует Option 3
break;
......
Case Option N:
// Выполнить эту инструкцию, когда результат выражения соответствует Option N
break;
Default:
// Выполнить эту инструкцию, когда результат выражения не соответствует ни одному из выражений Option
break;
}Значение выражения должно быть либо целым числом, либо символами. Выражение можно прописать в виде n/2.… Но результат должен быть целым числом. Option 1, Option 2… это все константы.
JavaScript Case позволяет нам добавлять инструкцию по умолчанию. Если значение переменной не соответствует какому-либо из выражений, то будет исполнен код по умолчанию.
Оператор break используется для завершения цикла switch, иначе будут исполнены все инструкции в условном выражении switch. Каждый раз, когда встречается break, поток исполнения завершается.
Примечание: Switch Case в Javascript принимает только целые числа или символы, в то время как инструкция else if также принимает десятичные дроби.
Принцип действия
Представляем вашему вниманию специальный график, который поможет понять принцип действия:
Пример работы
Этот JavaScript switch case пример использования позволяет нам осуществлять арифметические операции с числами.
Код Javascript
<!DOCTYPE html>
<html>
<head>
<title> JavaScript Switch Case </title>
</head>
<h1> JavaScript Switch Case </h1>
<body>
<script>
var opertor = '*';
var number1 = 10, number2 = 2;
switch (opertor)
{
case '+':
document.write("Сложение двух чисел: " + (number1 + number2));
break;
case '-':
document.write("Вычитание двух чисел: " + (number1 - number2));
break;
case '*':
document.write("Умножение двух чисел: " + (number1 * number2));
break;
case '/':
document.write("Деление двух чисел: " + (number1 / number2));
break;
case '%':
document.write("Модуль из двух чисел: " + (number1 % number2));
break;
default:
document.write("<b> Вы указали неверный оператор </b>");
document.write("<br > Пожалуйста, укажите корректный оператор +, -, *, /, %");
}
</script>
</body>
</html>Результат 1: здесь мы ввели * в качестве переменной оператора:
Результат 2: Давайте заменим действующий оператор неверным, чтобы перепроверить значение по умолчанию:
