Einführung in Case Statement in JavaScript
JavaScript ist die beliebteste clientseitige Skriptsprache, die von fast allen Browsern unterstützt wird. Es ist eine dynamische Open-Source-Programmiersprache, die von Front-End-Entwicklern verwendet wird. Fast alle gängigen Frontend-Frameworks wie Angular, React usw. basieren auf JavaScript. Der endgültige Code, der generiert wird, ist nur in reinem JavaScript. Wie jede andere Programmiersprache kann JavaScript Entscheidungen mit bedingten Anweisungen treffen, die sehr nützlich sind und zur Entscheidungsfindung zur Laufzeit erforderlich sind. Entscheidungsanweisungen sind das Rückgrat jeder Programmiersprache, da wir abhängig von den verschiedenen Szenarien und Situationen in der Lage sind, bestimmte Anweisungen auszuführen.
Was ist Case Statement in JavaScript?
Beim Schreiben von Programmen kann es je nach Situation vorkommen, dass wir einen bestimmten Teil davon ausführen müssen. Dies bezieht sich auf die dynamische Auswahl und Ausführung des bevorzugten Teils des Codes. In solchen Situationen können wir bedingte Anweisungen verwenden, mit denen wir zur Laufzeit eine Entscheidung treffen und den richtigen Teil ausführen können.
JavaScript unterstützt bedingte Anweisungen wie if-Anweisung, if… else… -Anweisung, switch case-Anweisung usw. Mit diesen Anweisungen wird der Ausführungsfluss in Abhängigkeit von verschiedenen Bedingungen festgelegt. Mal sehen, wie if-Anweisungen und ihre Details funktionieren. Dann werden wir versuchen zu verstehen, warum case-Anweisungen und ihre Details vertieft werden müssen.
Wenn Statement auf diese Weise funktioniert und eine Bedingung wahr ist, führt es Code aus dem if-Block aus. Andernfalls führt es Code aus dem else-Block aus, wenn eine Bedingung falsch ist. Die Bedingung hier ist, was wir tatsächlich passieren, um die Entscheidung für das Programm zu treffen. Im Falle einer if-Anweisung ist die condition-Anweisung meist eine boolesche Variable oder ein Ausdruck, der eine boolesche Variable zurückgibt. Sie ist entweder True oder False. Abhängig von diesem Wert führt die If-Anweisung einen bestimmten Codeblock aus. Es gibt drei Formen von if-Anweisungen:
- If-Anweisung
- If else Statement
- Wenn sonst wenn Statement
Wie funktioniert die If-Anweisung?
If (condition 1) (
//execute this block when condition 1 is true
)
else if (condition 2) (
//execute this block when condition 2 is true
)
.
.
.
else (
//execute this block when none of condition is true
)
Zum Beispiel überprüft die if-Anweisung die Bedingung nacheinander und führt einen bestimmten Codeblock aus. Diese Art der Ausführung ist für eine kleinere Anzahl von Bedingungen in Ordnung, aber stellen Sie sich vor, wenn wir eine große Anzahl von Bedingungen haben, wird es schwierig, den Code zu verfolgen, der Code wird chaotisch und weniger effizient. In solchen Szenarien ist die switch case-Anweisung hilfreich. Die switch case-Anweisung wird als Alternative zu mehreren if… else… -Anweisungen verwendet. Sie sind effizienter beim Testen mehrerer Bedingungen.
Wie funktioniert die Case-Anweisung in Java Script?
Die case-Anweisung führt einen von vielen Codeblöcken basierend auf einer Variablen oder einem Wert des Ausdrucks aus.
Syntax:
switch(expression)
(
case a:
//Statement or expression;
break;
case b:
//Statement or expression;
break;
.
.
.
default:
//default statement or expression;
)
- Die case-Anweisung wertet zuerst den Ausdruck aus und ermittelt dessen Wert.
- Dann stimmt es mit jeder case-Anweisung mit demselben Wert überein. In unserem Fall wird der Wert des Ausdrucks, sobald er bestimmt ist, mit den Fallwerten a, b usw. verglichen.
- Wenn nach dem Abgleichen des Werts mit den case-Anweisungen eine Übereinstimmung gefunden wird, wird der Code oder Ausdruck in diesem Block ausgeführt und der switch-Block verlassen.
- Anschließend wird das Ergebnis des Ausdrucks nacheinander mit allen case-Werten verglichen.
- Wenn in allen case-Anweisungen keine Übereinstimmung gefunden wird, wird ein Codeblock aus der standardmäßigen case-Anweisung ausgeführt. Der Standardblock wird immer ausgeführt, wenn keine Übereinstimmung gefunden wird.
- Das Schlüsselwort break wird nach jeder Blockausführung verwendet. Grundsätzlich weist es das Programm an, die switch-Anweisung zu verlassen.
- Wenn die break-Anweisung nicht verwendet wird, wird die Programmausführung fortgesetzt, indem Code aus dem nächsten case-Block ausgeführt wird. Die Ausführung wird fortgesetzt, bis das break-Schlüsselwort ermittelt oder der letzte Standardblock ausgeführt wird.
Flussdiagramm:
Bei case-Anweisungen kann die Bedingung ein Ausdruck oder ein Wert eines beliebigen Datentyps sein. Der Ausdruck ist nichts anderes als eine bedingte Anweisung, die den entsprechenden zu vergleichenden Wert zurückgibt. Switch-Case-Anweisungen eignen sich zur Auswertung von festen Datentypen.
Beispiele für Case Statement in JavaScript
Beispiele für Case-Anweisungen in JavaScript sind:
Beispiel 1
var x = 1;
switch (x)
(
case 0:
console.log(“Zero”);
break;
case 1:
console.log(“One”);
break;
case 2:
console.log(“Two”);
break;
default:
console.log (“Not Zero, One or Two);
)
Im obigen Beispiel ist die Variable x vom Typ Integer und wir haben ihr den Wert 1 zugewiesen. x wird als Ausdruck an die switch-Anweisung übergeben. Jetzt wird der Wert von x mit allen Fällen verglichen. In unserem Fall wird er mit Fall 1 abgeglichen. Dadurch wird der Block für Fall 1 ausgeführt und das Programm gibt "Eins" auf der Konsole aus. Wenn der Wert von x ein anderer gewesen wäre, wäre der Standardblock ausgeführt worden.
Beispiel 2
var colour = “Blue”;
switch(colour)
(
case “Red”:
alert (“Colour is Red”);
break;
case “Green”:
alert (“Colour is Green”);
break;
case “Blue”:
alert (“Colour is Blue”);
break;
default:
alert (“No Colour Match”);
)
Das obige Beispiel stimmt mit der Farbe Blau überein und zeigt Alert im Browser als „Farbe ist Blau“ an. Beachten Sie, dass der Datentyp des Ausdrucks hier String ist. Im vorherigen Beispiel war es vom Typ Integer.
Fazit
JavaScript hat die sehr breite Unterstützung von bedingten Anweisungen. Case-Anweisungen sind eine Alternative zu mehreren if-else-Anweisungen. Case-Anweisungen machen Code effizient und sehen weniger chaotisch aus. Case-Anweisungen sind in JavaScript sehr nützlich, wenn das Testen einer Vielzahl von Bedingungen erforderlich ist.
Empfohlene Artikel
Dies ist eine Anleitung zur Case-Anweisung in JavaScript. Hier diskutieren wir, wie die case-Anweisung zusammen mit den Beispielen der case-Anweisung in Javascript funktioniert. Sie können sich auch die folgenden Artikel ansehen, um mehr zu erfahren -
- Arrays in JavaScript
- Wie funktioniert JavaScript?
- Spickzettel JavaScript
- Karriere in JavaScript
- C Programmieren der Matrixmultiplikation
- Schaltergehäuse in PowerShell | Parameter | Beispiele