JavaScript-Switch-Anweisung (mit Beispielen)

Inhaltsverzeichnis

Flussdiagramm der switch-Anweisung
JavaScript-Schalter mit mehreren Groß- und Kleinschreibung

In diesem Tutorial lernen Sie anhand von Beispielen die JavaScript-switch-Anweisung kennen.

Die JavaScript- switchAnweisung wird bei der Entscheidungsfindung verwendet.

Die switchAnweisung wertet einen Ausdruck aus und führt den entsprechenden Text aus, der dem Ergebnis des Ausdrucks entspricht.

Die Syntax der switchAnweisung lautet:

 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 )

Die switchAnweisung wertet eine Variable / einen Ausdruck in Klammern aus ().

Wenn das Ergebnis des Ausdrucks gleich ist, value1wird sein Körper ausgeführt.
Wenn das Ergebnis des Ausdrucks gleich ist, value2wird sein Körper ausgeführt.
Dieser Prozess geht weiter. Wenn es keinen passenden Fall gibt, wird der defaultBody ausgeführt.

Anmerkungen:

Die breakAnweisung ist optional. Wenn die break-Anweisung angetroffen wird, endet die switch-Anweisung.
Wenn die breakAnweisung nicht verwendet wird, werden auch die Fälle nach dem übereinstimmenden Fall ausgeführt.
Die defaultKlausel ist ebenfalls optional.

Flussdiagramm der switch-Anweisung

Flussdiagramm der JavaScript-switch-Anweisung

Beispiel 1: Einfaches Programm mit switch-Anweisung

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

Ausgabe

 Der Wert ist zwei.

Im obigen Programm wird ein Ausdruck a = 2mit einer switchAnweisung ausgewertet .

Das Ergebnis des Ausdrucks wird ausgewertet, case 1woraus sich ergibt false.
Dann switchgeht die Aussage zum zweiten Fall. Hier stimmt das Ergebnis des Ausdrucks mit überein case 2. Der Wert ist also zwei wird angezeigt.
Die breakAnweisung beendet den Block und der Steuerungsfluss des Programms springt außerhalb des switchBlocks.

Beispiel 2: Typprüfung in switch-Anweisung

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

Ausgabe

 Der Wert ist eins.

Im obigen Programm wird ein Ausdruck a = 1mit einer switchAnweisung ausgewertet .

In JavaScript überprüft die switch-Anweisung den Wert streng. Das Ergebnis des Ausdrucks stimmt also nicht mit überein case "1".
Dann switchgeht die Aussage zum zweiten Fall. Hier stimmt das Ergebnis der Ausdrücke mit überein case 1. Also wird der Wert eins angezeigt.
Die breakAnweisung beendet den Block und der Steuerungsfluss des Programms springt außerhalb des switchBlocks.

Hinweis : In JavaScript überprüft die switch-Anweisung die Fälle streng (sollte vom gleichen Datentyp sein) mit dem Ergebnis des Ausdrucks. Beachten Sie im obigen Beispiel, dass 1 nicht mit "1" übereinstimmt .

Schreiben wir ein Programm, um mit der switchAnweisung einen einfachen Taschenrechner zu erstellen.

Beispiel 3: Einfacher Rechner

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

Ausgabe

 Operator eingeben: + Erste Nummer eingeben: 4 Zweite Nummer eingeben: 5 4 + 5 = 9

Im obigen Programm wird der Benutzer aufgefordert, entweder + , - , * oder / und zwei Operanden einzugeben . Anschließend führt die switchAnweisung Fälle basierend auf der Benutzereingabe aus.

JavaScript-Schalter mit mehreren Groß- und Kleinschreibung

In einer JavaScript-switch-Anweisung können Fälle so gruppiert werden, dass sie denselben Code verwenden.

Beispiel 4: Mit mehreren Fällen wechseln

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

Ausgabe