JavaScript-Switch-Anweisung

Die switch-Anweisung ist die gleiche wie die if/else-Anweisung, stattdessen verwenden wir mehrere if/else-Anweisungen und verwenden die switch-Anweisung. Die Switch-Anweisung ist ein Auswahlkontrollmechanismus, der es dem Wert einer Variablen oder eines Ausdrucks ermöglicht, den Ausführungsfluss mithilfe mehrerer Optionen zu ändern. Es stehen mehrere Optionen zur Auswahl. Abhängig vom Wert der Variablen wird eine bestimmte Anweisung ausgeführt. Wenn kein Wert mit einer der verfügbaren Optionen übereinstimmt, wird der Standardwert mithilfe der Standard-Case-Anweisung ausgeführt. Die Break-Anweisung wird verwendet, um aus der Switch-Anweisung herauszukommen.

JavaScript-Schalter – Syntax

switch(expr)<br>
{<br>

case 1:
// statement(s)<br>
case 2:
//statement(s)<br>
....<br>

default:
// statement(s)<br>
}

Beispiel für die Verwendung von Break

<!DOCTYPE html>
<head>
<title>Switch Statement</title>
</head>
<body>
<p>Click the button to display current month.</p>

<button onclick="sampleFunction()">Click Me</button>
<p id="demo"></p>
<script type="text/javascript">
function sampleFunction(){
	var x;
	var month=new Date().getMonth();

	switch(month)
	{
	case 1:document.write("January <br>");
		break;

	case 2:document.write("February <br>");
			break;

	case 3:document.write("March <br>");
			break;

	case 4:document.write("April <br>");
			break;

	case 5:document.write("May <br>");
			break;

	case 6:document.write("June <br>");
			break;

	case 7:document.write("July <br>");
			break;

	case 8:document.write("August <br>");
			break;

	case 9:document.write("September <br>");
			break;

	case 10:document.write("October <br>");
			break;

	case 11:document.write("November <br>");
			break;

	case 12:document.write("December <br>");
			break;

	default:document.write(" Select correct month!!!<br>");
}
document.getElementById("demo").innerHTML=x;

}

</script>

</body>
</html>

Im obigen Beispiel haben wir die switch-Anweisung mit mehreren Fällen verwendet, d. h. Fall 1 bis Fall 12.
Wir haben einen variablen Monat deklariert, der auf 4 initialisiert wird.
Wenn Sie auf die Schaltfläche „Click Me“ klicken, wird der aktuelle Monat angezeigt.
Wenn keine der Anweisungen ausgeführt wird, wird die Standardanweisung ausgeführt.
Die Break-Anweisung wird verwendet, um aus der Switch-Anweisung herauszukommen.
switch(month) wird verwendet, um einen bestimmten Monat aus der verfügbaren Monatsliste auszuwählen.

Beispielanwendungstest

Speichern Sie die Datei als switch_using_break.html in Ihrem System.
Öffnen Sie einfach die Datei im Browser. Sie sehen das folgende Bild im Browser.

Wenn der Ausführungsprozess erfolgreich abgeschlossen ist, erhalten wir die folgende Ausgabe:

Klicken Sie nun auf die Schaltfläche „Click Me“ und der aktuelle Monat wird wie folgt angezeigt:

Ohne Break zu verwenden

<!DOCTYPE html>
<head>
<title>Switch Statement</title>
</head>
<body>
<p>Click the button to display current month.</p>

<button onclick="sampleFunction()">Click Me</button>
<p id="demo"></p>
<script type="text/javascript">
function sampleFunction(){
	var x;
	var month=new Date().getMonth();

	switch(month)
	{
	case 1:document.write("January <br>");

	case 2:document.write("February <br>");

	case 3:document.write("March <br>");

	case 4:document.write("April <br>");

	case 5:document.write("May <br>");

	case 6:document.write("June <br>");

	case 7:document.write("July <br>");

	case 8:document.write("August <br>");

	case 9:document.write("September <br>");

	case 10:document.write("October <br>");

	case 11:document.write("November <br>");

	case 12:document.write("December <br>");

	default:document.write(" Select correct month!!!<br>");
}
document.getElementById("demo").innerHTML=x;

}

</script>

</body>
</html>

Im obigen Beispiel haben wir die Switch-Anweisung mit mehreren Fällen verwendet, dh Fall 1 bis Fall 12, ohne die Break-Anweisung zu verwenden.
Da wir im Programm keine break-Anweisung verwenden, werden alle Namen des Monats angezeigt, der mit dem aktuellen Monat beginnt.

Beispielanwendungstest

Speichern Sie die Datei unter withoutusing_break.html in Ihrem System.
Öffnen Sie einfach die Datei im Browser. Sie sehen das folgende Bild im Browser.