JavaScript Switch-instructie (met voorbeelden)

In deze zelfstudie leert u aan de hand van voorbeelden over de JavaScript-switchinstructie.

De JavaScript- switchinstructie wordt gebruikt bij het nemen van beslissingen.

De switchinstructie evalueert een uitdrukking en voert de corresponderende hoofdtekst uit die overeenkomt met het resultaat van de uitdrukking.

De syntaxis van de switchinstructie is:

 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 )

De switchinstructie evalueert een variabele / uitdrukking tussen haakjes ().

Als het resultaat van de uitdrukking gelijk is aan value1, wordt de hoofdtekst uitgevoerd.
Als het resultaat van de uitdrukking gelijk is aan value2, wordt de hoofdtekst uitgevoerd.
Dit proces gaat door. Als er geen overeenkomende case is, wordt de defaultbody uitgevoerd.

Opmerkingen:

De breakverklaring is optioneel. Als de break-instructie wordt aangetroffen, wordt de switch-instructie beëindigd.
Als de breakinstructie niet wordt gebruikt, worden de cases na de matching case ook uitgevoerd.
De defaultclausule is ook optioneel.

Stroomschema van Switch Statement

Stroomdiagram van JavaScript-switchinstructie

Voorbeeld 1: Eenvoudig programma met switch-instructie

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

Uitvoer

 De waarde is twee.

In het bovenstaande programma wordt een uitdrukking a = 2geëvalueerd met een switchinstructie.

Het resultaat van de uitdrukking wordt geëvalueerd case 1waarmee resulteert in false.
Dan gaat de switchverklaring naar het tweede geval. Hier komt het resultaat van de uitdrukking overeen met case 2. Dus de waarde is twee wordt weergegeven.
De breakinstructie beëindigt het blok en de besturingsstroom van het programma springt naar buiten het switchblok.

Voorbeeld 2: Typ Checking in Switch Statement

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

Uitvoer

 De waarde is één.

In het bovenstaande programma wordt een uitdrukking a = 1geëvalueerd met een switchinstructie.

In JavaScript controleert de instructie switch de waarde strikt. Het resultaat van de uitdrukking komt dus niet overeen met case "1".
Dan gaat de switchverklaring naar het tweede geval. Hier komt het resultaat van de uitdrukkingen overeen met case 1. Dus de waarde is één wordt weergegeven.
De breakinstructie beëindigt het blok en de besturingsstroom van het programma springt naar buiten het switchblok.

Opmerking : in JavaScript controleert de instructie switch de gevallen strikt (moet van hetzelfde gegevenstype zijn) met het resultaat van de uitdrukking. Merk op dat in het bovenstaande voorbeeld 1 niet overeenkomt met "1" .

Laten we een programma schrijven om een eenvoudige rekenmachine te maken met de switchverklaring.

Voorbeeld 3: eenvoudige rekenmachine

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

Uitvoer

 Voer operator in: + Voer eerste nummer in: 4 Voer tweede nummer in: 5 4 + 5 = 9

In het bovenstaande programma wordt de gebruiker gevraagd om + , - , * of /, en twee operanden in te voeren. Vervolgens switchvoert de instructie cases uit op basis van de gebruikersinvoer.

JavaScript-schakelaar met meerdere gevallen

In een JavaScript-switchinstructie kunnen cases worden gegroepeerd om dezelfde code te delen.

Voorbeeld 4: overschakelen met meerdere hoesjes

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

Uitvoer