Heim Web-Frontend js-Tutorial Detaillierte Erläuterung der Verwendung der Switch-Anweisung in JavaScript_Grundkenntnisse

Detaillierte Erläuterung der Verwendung der Switch-Anweisung in JavaScript_Grundkenntnisse

May 16, 2016 pm 03:56 PM
javascript switch

Sie können wie im vorherigen Kapitel mehrere if...else if-Anweisungen verwenden, um mehrere Verzweigungen auszuführen. Dies ist jedoch nicht immer die beste Lösung, insbesondere wenn alle Zweige vom Wert einer einzelnen Variablen abhängen.

Ab JavaScript 1.2 können Sie genau diese Situation mit einer Switch-Anweisung bewältigen, was effizienter ist, wenn anstelle der wiederholten Verwendung von if...else if-Anweisungen.
Grammatik

Die grundlegende Syntax der

switch-Anweisung gibt einen Ausdruck an, um mehrere verschiedene Anweisungen basierend auf dem Wert dieses Ausdrucks auszuwerten und zu berechnen. Der Interpreter prüft jeden Fall auf den Wert des Ausdrucks, bis eine Übereinstimmung gefunden wird. Wenn keine Übereinstimmung vorliegt, wird die Standardbedingung verwendet.

1

2

3

4

5

6

7

8

9

10

11

switch (expression)

{

 case condition 1: statement(s)

          break;

 case condition 2: statement(s)

          break;

  ...

 case condition n: statement(s)

          break;

 default: statement(s)

}

Nach dem Login kopieren
Die

break-Anweisung weist den Interpreter an, unter bestimmten Umständen zu beenden. Wenn sie weggelassen werden, führt der Interpreter jede Anweisung in jedem der folgenden Fälle weiter aus.

Wir erklären die break-Anweisung im Kapitel zur Schleifensteuerung.
Beispiel:

Das folgende Beispiel veranschaulicht eine einfache While-Schleife:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

<script type="text/javascript">

<!--

var grade='A';

document.write("Entering switch block<br />");

switch (grade)

{

 case 'A': document.write("Good job<br />");

      break;

 case 'B': document.write("Pretty good<br />");

      break;

 case 'C': document.write("Passed<br />");

      break;

 case 'D': document.write("Not so good<br />");

      break;

 case 'F': document.write("Failed<br />");

      break;

 default: document.write("Unknown grade<br />")

}

document.write("Exiting switch block");

//-->

</script>

Nach dem Login kopieren

Dies führt zu folgenden Ergebnissen:

1

2

3

Entering switch block

Good job

Exiting switch block

Nach dem Login kopieren


Beispiel:

Stellen Sie sich eine solche Situation vor, wenn die break-Anweisung nicht verwendet wird:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<script type="text/javascript">

<!--

var grade='A';

document.write("Entering switch block<br />");

switch (grade)

{

 case 'A': document.write("Good job<br />");

 case 'B': document.write("Pretty good<br />");

 case 'C': document.write("Passed<br />");

 case 'D': document.write("Not so good<br />");

 case 'F': document.write("Failed<br />");

 default: document.write("Unknown grade<br />")

}

document.write("Exiting switch block");

//-->

</script>

Nach dem Login kopieren

Dies führt zu folgenden Ergebnissen:

1

2

3

4

5

6

7

8

Entering switch block

Good job

Pretty good

Passed

Not so good

Failed

Unknown grade

Exiting switch block

Nach dem Login kopieren

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Hot-Tools-Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So implementieren Sie ein Online-Spracherkennungssystem mit WebSocket und JavaScript So implementieren Sie ein Online-Spracherkennungssystem mit WebSocket und JavaScript Dec 17, 2023 pm 02:54 PM

So implementieren Sie ein Online-Spracherkennungssystem mit WebSocket und JavaScript

Kann Elden's Ring auf der Switch gespielt werden? Kann Elden's Ring auf der Switch gespielt werden? Mar 11, 2024 am 11:31 AM

Kann Elden's Ring auf der Switch gespielt werden?

WebSocket und JavaScript: Schlüsseltechnologien zur Implementierung von Echtzeitüberwachungssystemen WebSocket und JavaScript: Schlüsseltechnologien zur Implementierung von Echtzeitüberwachungssystemen Dec 17, 2023 pm 05:30 PM

WebSocket und JavaScript: Schlüsseltechnologien zur Implementierung von Echtzeitüberwachungssystemen

So implementieren Sie ein Online-Reservierungssystem mit WebSocket und JavaScript So implementieren Sie ein Online-Reservierungssystem mit WebSocket und JavaScript Dec 17, 2023 am 09:39 AM

So implementieren Sie ein Online-Reservierungssystem mit WebSocket und JavaScript

Verwendung von JavaScript und WebSocket zur Implementierung eines Echtzeit-Online-Bestellsystems Verwendung von JavaScript und WebSocket zur Implementierung eines Echtzeit-Online-Bestellsystems Dec 17, 2023 pm 12:09 PM

Verwendung von JavaScript und WebSocket zur Implementierung eines Echtzeit-Online-Bestellsystems

JavaScript und WebSocket: Aufbau eines effizienten Echtzeit-Wettervorhersagesystems JavaScript und WebSocket: Aufbau eines effizienten Echtzeit-Wettervorhersagesystems Dec 17, 2023 pm 05:13 PM

JavaScript und WebSocket: Aufbau eines effizienten Echtzeit-Wettervorhersagesystems

Einfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode Einfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode Jan 05, 2024 pm 06:08 PM

Einfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode

Ist Switch2 mit Switch-Patronen kompatibel? Ist Switch2 mit Switch-Patronen kompatibel? Jan 28, 2024 am 09:06 AM

Ist Switch2 mit Switch-Patronen kompatibel?

See all articles