Einführung in die Switch-Anweisung in JavaScript

In diesem Thema wird die switch-Anweisung in JavaScript erläutert. Mit dem Aufkommen der Technologie haben sich Computer entwickelt, was wiederum die Anforderung an die Programmiersprache mit sich brachte. Es gab viele Programmiersprachen, die sowohl Low-Level-Sprachen als auch High-Level-Sprachen umfassten. Hochsprachen sind einfacher zu verwenden, da sie im Vergleich zu Niedrigsprachen einfach zu verstehen sind. JavaScript ist eine solche Hochsprache, die häufig als Frontend-Sprache für Programmierzwecke verwendet wird. Es gibt viele Konzepte, die man studieren und üben muss, um grundlegende Konzepte zu verstehen.

Was ist die Switch-Anweisung in JavaScript?

In JavaScript gibt es mehrere bedingte Methoden, wie die if-else-Methode, die if-else-if-Methode, die while-Methode, die do-while-Methode und einige andere Methoden. Von diesen unterschiedlichen Methoden in JavaScript ist eine die switch-Anweisungsmethode. In dieser Methode verwenden wir sie, um einen bestimmten Satz von Anweisungen oder Code auszuführen, wenn die Bedingung erfüllt ist. Eine switch-Anweisung enthält im Allgemeinen mehrere Blöcke von Fällen sowie einen optionalen Standardfall. Gemäß der Bedingung können ein oder mehrere Fälle ausgeführt werden, wenn die Fälle erfüllt sind. Wenn kein switch-Anweisungsblock wahr wird, wird der Standardfall automatisch ausgeführt, wenn er im Coding hinzugefügt wird.

Syntax der JavaScript-Switch-Anweisung

Versuchen wir, die grundlegende Syntax von JavaScript in einer switch-Anweisung zu verstehen.

switch(an expression which needs to be checked) (
case x:
// block of code or instructions
break;
case y:
// block of code or instructions
break;
default:
// block of code or instructions for default condition
)

Versuchen wir nun zu verstehen, wie dieser Block der Anweisung tatsächlich abläuft.

  • Ein Ausdruck, der überprüft werden muss - In dieser Anweisung überprüfen wir den Ausdruck, der ausgewertet werden muss. Basierend auf der Ausführung des Ausdrucks wird der Schalter ausgeführt, der den Fall erfüllt.
  • Verschiedene Fälle - Bei der Ausführung eines Ausdrucks wird der Fall ausgeführt, der den Ausdruck erfüllt
  • Standardfall - Wenn einer der Switch-Fälle nicht erfüllt ist, wird der Standardfall ausgeführt.

Flussdiagramm

Betrachten wir nun das Flussdiagramm der switch-Anweisung.

Schauen wir uns nun an, wie die switch-Anweisung in JavaScript funktioniert.

Wie funktioniert die Switch-Anweisung in JavaScript?

Wie weiter oben in diesem Artikel erläutert, enthält eine switch-Anweisung im Allgemeinen drei Unterabschnitte:

  • Ausdruck, der ausgewertet werden soll.
  • Fälle, die für den Ausdruck ausgeführt werden.
  • Standardfall, der ausgeführt werden muss, wenn keine Fälle erfüllt sind.

Die grundlegenden Verantwortlichkeiten dieser Unterabschnitte sind:

  • Ein Ausdruck, der überprüft werden muss - In dieser Anweisung überprüfen wir den Ausdruck, der ausgewertet werden muss. Basierend auf der Ausführung des Ausdrucks wird der Schalter ausgeführt, der den Fall erfüllt.
  • Verschiedene Fälle - Bei der Ausführung eines Ausdrucks wird der Fall ausgeführt, der den Ausdruck erfüllt.
  • Standardfall - Wenn einer der Switch-Fälle nicht erfüllt ist, wird der Standardfall ausgeführt.

Beispiele

Nehmen wir nun ein Beispiel, das dem Benutzer eine Nummer in einem Eingabefeld entnimmt. Wenn die Nummer kleiner als 10 ist, wird die vom Benutzer eingegebene Nummer angezeigt. Andernfalls wird die Meldung angezeigt, dass die eingegebene Nummer größer als 10 ist.

Kopieren Sie einfach den folgenden Code und fügen Sie ihn in die HTML-Datei ein, um ihn auszuführen.

JavaScript switch-Anweisung


Geben Sie die Nummer in das Textfeld ein


var text = '', labelVal = "";
Funktion checkVal () (
text = document.getElementById ("inputBox"). value;
labelVal = '';
text = Nummer (Text)
Schalter (Text) (
Fall 1:
labelVal = "Sie haben 1 eingegeben";
brechen;
Fall 2:
labelVal = "Sie haben 2 eingegeben";
brechen;
Fall 3:
labelVal = "Sie haben 3 eingegeben";
brechen;
Fall 4:
labelVal = "Sie haben 4 eingegeben";
brechen;
Fall 5:
labelVal = "Sie haben 5 eingegeben";
brechen;
Fall 6:
label Val = "Sie haben 6 eingegeben";
brechen;
Fall 7:
labelVal = "Sie haben 7 eingegeben";
brechen;
Fall 8:
label Val = "Sie haben 8 eingegeben";
brechen;
Fall 9:
labelVal = "Sie haben 9 eingegeben";
brechen;
Standard:
labelVal = "Geben Sie einen Wert unter 10 ein";
)
document.getElementById ("labelVal"). innerText = labelVal;
)

Nun sehen wir uns das Beispiel mit dem eingegebenen Wert an:

Eingabewert: 6

Ausgabewert: Sie haben 6 eingegeben

Lassen Sie uns nun sehen, wie wir mehrere switch-Anweisungen in JavaScript ausführen können.

Mehrere Fälle ausführen, wenn die Bedingung erfüllt ist

Lassen Sie uns nun sehen, wie wir mehrere Fälle ausführen können. Kopieren Sie den folgenden Code und fügen Sie ihn in die HTML-Datei ein, um ihn auszuführen.

JavaScript switch-Anweisung


Geben Sie die Nummer in das Textfeld ein


var text = '', labelVal = "";
Funktion checkVal () (
text = document.getElementById ("inputBox"). value;
labelVal = '';
text = Nummer (Text)
Schalter (Text) (
Fall 1:
labelVal = labelVal + "Sie haben 1 eingegeben";
Fall 2:
labelVal = labelVal + "Sie haben 2 eingegeben";
Fall 3:
labelVal = labelVal + "Sie haben 3 eingegeben";
brechen;
Fall 4:
label Val = labelVal + "Sie haben 4 eingegeben";
Fall 5:
label Val = labelVal + "Sie haben 5 eingegeben";
Fall 6:
label Val = labelVal + "Sie haben 6 eingegeben";
brechen;
Standard:
label Val = "Geben Sie einen Wert unter 10 ein";
)
document.getElementById ("label Val"). innerText = label Val;
)

Eingabewert: 1

Ausgabewert: Sie haben 1 eingegeben. Sie haben 2 eingegeben. Sie haben 3 eingegeben.

Fazit

JavaScript ist eine Programmiersprache, in der es viele Konzepte gibt, die man studieren muss. Eine switch-Anweisung ist eine davon. Diese bedingten Anweisungen führen im Wesentlichen den Code aus, um zu überprüfen, ob der Ausdruck die Bedingung erfüllt, basierend auf der Auswertung des Ausdrucks, den er zurückgibt. Eine bedingte Anweisung wird in jeder Programmiersprache häufig für verschiedene logische Programmierausdrücke verwendet.

Empfohlene Artikel

Dies war eine Anleitung zur Switch-Anweisung in JavaScript. Hier besprechen wir das Konzept, die Syntax, die Funktionsweise und die Beispiele der Switch-Anweisung in JavaScript. Sie können auch unsere anderen Artikelvorschläge durchgehen, um mehr zu erfahren -

  1. Spickzettel JavaScript
  2. Was kann Javascript?
  3. JavaScript-String-Funktionen
  4. Beispiele für mathematische JavaScript-Funktionen
  5. Einführung in die Switch-Anweisung in C ++
  6. PHP Switch Anweisung | Flussdiagramm

Kategorie:

Software-Entwicklung