Instrukcja przełączania JavaScript (z przykładami)

W tym samouczku dowiesz się o instrukcji przełącznika JavaScript na podstawie przykładów.

Instrukcja JavaScript switchjest używana przy podejmowaniu decyzji.

switchSprawozdanie ocenia wyrażenie i wykonuje odpowiedni organ, który odpowiada za wynik ekspresji.

Składnia switchinstrukcji to:

 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 )

switchSprawozdanie ocenia zmienny / wyrażenia w nawiasach ().

Jeśli wynik wyrażenia jest równy value1, jego treść jest wykonywana.
Jeśli wynik wyrażenia jest równy value2, jego treść jest wykonywana.
Ten proces trwa. Jeśli nie ma pasującej wielkości liter, zostaje defaultwykonana treść.

Uwagi:

breakOświadczenie jest dobrowolne. Jeśli napotkano instrukcję break, instrukcja switch kończy się.
Jeśli breakinstrukcja nie jest używana, wykonywane są również przypadki po dopasowaniu.
defaultKlauzula jest opcjonalna.

Schemat blokowy instrukcji switch

Schemat blokowy instrukcji przełącznika JavaScript

Przykład 1: Prosty program wykorzystujący instrukcję przełącznika

 // 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)`);

Wynik

 Wartość to dwa.

W powyższym programie wyrażenie a = 2jest oceniane za pomocą switchinstrukcji.

Wynik wyrażenia jest oceniany, w wyniku case 1czego false.
Następnie switchoświadczenie przechodzi do drugiego przypadku. Tutaj wynik wyrażenia jest zgodny z case 2. Więc wyświetlana jest wartość to dwa.
breakOświadczenie kończy przepływ blok i kontroli programu przeskakuje na zewnątrz switchbloku.

Przykład 2: sprawdzanie typów w instrukcji 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)`);

Wynik

 Wartość to jeden.

W powyższym programie wyrażenie a = 1jest oceniane za pomocą switchinstrukcji.

W JavaScript instrukcja switch ściśle sprawdza wartość. Zatem wynik wyrażenia nie jest zgodny z case "1".
Następnie switchoświadczenie przechodzi do drugiego przypadku. Tutaj wynik wyrażenia jest zgodny z case 1. Więc wyświetlana jest wartość jeden.
breakOświadczenie kończy przepływ blok i kontroli programu przeskakuje na zewnątrz switchbloku.

Uwaga : W JavaScript instrukcja switch ściśle sprawdza przypadki (powinny być tego samego typu danych) z wynikiem wyrażenia. Zauważ, że w powyższym przykładzie 1 nie pasuje do „1” .

Napiszmy program, który utworzy prosty kalkulator z switchwyciągiem.

Przykład 3: Prosty kalkulator

 // 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; )

Wynik

 Podaj operator: + Podaj pierwszą liczbę: 4 Podaj drugą liczbę: 5 4 + 5 = 9

W powyższym programie użytkownik jest proszony o wpisanie + , - , * lub / i dwóch operandów. Następnie switchinstrukcja wykonuje przypadki na podstawie danych wejściowych użytkownika.

Przełącznik JavaScript z wieloma wielkościami

W instrukcji przełącznika JavaScript przypadki mogą być grupowane w celu współdzielenia tego samego kodu.

Przykład 4: przełącznik z wieloma przypadkami

 // 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; )

Wynik