Оператор переключения JavaScript (с примерами)

В этом руководстве вы узнаете об операторе JavaScript switch с помощью примеров.

Оператор JavaScript switchиспользуется при принятии решений.

switchОператор вычисляет выражение и выполняет соответствующий орган , который соответствует результату выражения.

Синтаксис switchоператора:

 switch(variable/expression) ( case value1: // body of case 1 break; case value2: // body of case 2 break; case valueN: // body of case N break; default: // body of default )

switchОператор оценивает переменное / выражение внутри скобок ().

Если результат выражения равен value1, выполняется его тело.
Если результат выражения равен value2, выполняется его тело.
Этот процесс продолжается. Если нет подходящего случая, defaultтело выполняется.

Заметки:

breakУтверждение не является обязательным. Если встречается оператор break, оператор switch завершается.
Если breakоператор не используется, также выполняются случаи после соответствующего случая.
Предложение defaultтакже необязательно.

Блок-схема Switch Statement

Блок-схема оператора переключения JavaScript

Пример 1: Простая программа, использующая оператор switch

 // program using switch statement let a = 2; switch (a) ( case 1: a = 'one'; break; case 2: a = 'two'; break; default: a = 'not found'; break; ) console.log(`The value is $(a)`);

Вывод

 Значение два.

В приведенной выше программе выражение a = 2оценивается с помощью switchоператора.

Результат выражения оценивается, case 1что приводит к false.
Затем switchутверждение переходит ко второму случаю. Здесь результат выражения совпадает с case 2. Итак, отображается значение два.
breakОператор завершает блок и управление потоком программы переходит к внешней стороне switchблока.

Пример 2: Проверка типа в операторе switch

 // program using switch statement let a = 1; switch (a) ( case "1": a = 1; break; case 1: a = 'one'; break; case 2: a = 'two'; break; default: a = 'not found'; break; ) console.log(`The value is $(a)`);

Вывод

 Значение равно единице.

В приведенной выше программе выражение a = 1оценивается с помощью switchоператора.

В JavaScript оператор switch строго проверяет значение. Таким образом, результат выражения не совпадает с case "1".
Затем switchутверждение переходит ко второму случаю. Здесь результат выражений совпадает с case 1. Таким образом, отображается значение один.
breakОператор завершает блок и управление потоком программы переходит к внешней стороне switchблока.

Примечание . В JavaScript оператор switch строго проверяет регистры (должны быть одного типа данных) с результатом выражения. Обратите внимание, что в приведенном выше примере 1 не соответствует «1» .

Напишем программу, которая сделает простой калькулятор с switchоператором.

Пример 3: Простой калькулятор

 // program for a simple calculator let result; // take the operator input const operator = prompt('Enter operator ( either +, -, * or / ): '); // take the operand input const number1 = parseFloat(prompt('Enter first number: ')); const number2 = parseFloat(prompt('Enter second number: ')); switch(operator) ( case '+': result = number1 + number2; console.log(`$(number1) + $(number2) = $(result)`); break; case '-': result = number1 - number2; console.log(`$(number1) - $(number2) = $(result)`); break; case '*': result = number1 * number2; console.log(`$(number1) * $(number2) = $(result)`); break; case '/': result = number1 / number2; console.log(`$(number1) / $(number2) = $(result)`); break; default: console.log('Invalid operator'); break; )

Вывод

 Введите оператор: + Введите первое число: 4 Введите второе число: 5 4 + 5 = 9

В приведенной выше программе пользователя просят ввести + , - , * или / и два операнда. Затем switchинструкция выполняет кейсы на основе пользовательского ввода.

Переключатель JavaScript с множественным регистром

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

Пример 4: переключатель с множественным регистром

 // multiple case switch program let fruit = 'apple'; switch(fruit) ( case 'apple': case 'mango': case 'pineapple': console.log(`$(fruit) is a fruit.`); break; default: console.log(`$(fruit) is not a fruit.`); break; )

Вывод