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

Пример работы

Этот 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: здесь мы ввели * в виде переменной оператора:

JavaScript: работаем с синтаксической конструкцией switch Результат 2: Давайте заменим действующий оператор неверным, чтобы перепроверить значение по умолчанию:
JavaScript: работаем с синтаксической конструкцией switch

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *