Inleiding tot case-verklaring in JavaScript
JavaScript is de populairste scripttaal aan de clientzijde die door bijna alle browsers wordt ondersteund. Het is een open-source dynamische programmeertaal die wordt gebruikt door front-end ontwikkelaars. Bijna alle populaire front-end frameworks zoals Angular, React, enz. Zijn gebaseerd op JavaScript; de uiteindelijke code die wordt gegenereerd, is alleen in pure JavaScript. Net als elke andere programmeertaal heeft JavaScript de mogelijkheid om beslissingen te nemen met behulp van voorwaardelijke verklaringen die zeer nuttig en vereist zijn voor besluitvorming tijdens runtime. Besluitvormende verklaringen vormen de ruggengraat van elke programmeertaal omdat we, afhankelijk van de verschillende scenario's en situatie, bepaalde verklaringen kunnen uitvoeren.
Wat is Case Statement in JavaScript?
Tijdens het schrijven van programma's kan er een situatie zijn waarin we een bepaald deel ervan moeten uitvoeren, afhankelijk van de situatie. Dit verwijst naar het dynamisch kiezen en uitvoeren van het voorkeursgedeelte van de code. In dergelijke situaties kunnen we voorwaardelijke verklaringen gebruiken waarmee we tijdens runtime een beslissing kunnen nemen en het juiste onderdeel kunnen uitvoeren.
JavaScript ondersteunt voorwaardelijke statements zoals if statement, if … else … statement, switch case statement, etc. Dit zijn de statements die worden gebruikt om de uitvoering te bepalen afhankelijk van verschillende condities. Laten we eens kijken hoe als statement werkt en de details ervan, dan zullen we proberen te begrijpen waarom we moeten schakelen tussen case-statements en de details ervan.
Als Statement op deze manier werkt, en als een voorwaarde waar is, zal het code van if block uitvoeren, anders als een voorwaarde false is, zal het code van other block uitvoeren. De voorwaarde hier is wat we eigenlijk passeren om de beslissing voor het programma te nemen. In het geval van if-instructie, is de voorwaarde-instructie meestal een Booleaanse variabele of een expressie die Booleaanse variabele retourneert, deze is True of False. Afhankelijk van deze waarde If-instructie voert een bepaald codeblok uit. Er zijn drie vormen van if-verklaring,
- Als verklaring
- Indien anders Verklaring
- Als anders als Verklaring
Hoe werkt Statement?
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
)
Als statement bijvoorbeeld conditie één voor één controleert en een bepaald codeblok uitvoert. Dit soort uitvoering is OK voor een kleiner aantal voorwaarden, maar stel je voor dat als we een groot aantal voorwaarden hebben, het moeilijk wordt om de code te volgen, code wordt rommelig en minder efficiënt. In dergelijke scenario's is de instructie van de switch case handig. De switch case-instructie wordt gebruikt als alternatief voor meerdere if … else … -instructies. Ze zijn efficiënter bij het testen van meerdere voorwaarden.
Hoe werkt de casusverklaring in Java Script?
De case-opdracht voert een van de vele codeblokken uit op basis van een variabele of een waarde van de uitdrukking.
Syntaxis:
switch(expression)
(
case a:
//Statement or expression;
break;
case b:
//Statement or expression;
break;
.
.
.
default:
//default statement or expression;
)
- De case-instructie evalueert eerst de expressie en ontdekt de waarde ervan.
- Dan komt het overeen met dezelfde waarde bij elke case-opdracht. In ons geval zal, zodra de waarde van de uitdrukking is bepaald, deze worden vergeleken met hoofdwaarden a, b, enz.
- Na het matchen van de waarde met de case-statements, als een match wordt gevonden, voert het de code of uitdrukking binnen dat blok uit en verlaat het het schakelblok.
- Het gaat verder door het resultaat van expressie één voor één te vergelijken met alle hoofdwaarden.
- Als er geen overeenkomst wordt gevonden in alle case-statements, voert het een codeblok uit vanuit de standaard case-statement. standaardblok wordt altijd uitgevoerd als er geen overeenkomst wordt gevonden.
- Break-trefwoord wordt gebruikt na elke uitvoering van een caseblok. Kortom, het vertelt het programma om de schakelopdracht af te sluiten.
- Als de break-instructie niet wordt gebruikt, gaat de uitvoering van het programma door met het uitvoeren van code van het volgende casusblok en gaat deze door totdat het het sleutelwoord break ontdekt of het laatste standaardblok uitvoert.
Stroomschema:
In het geval van case-statements kan de voorwaarde een uitdrukking of een waarde van elk gegevenstype zijn. De uitdrukking is niets anders dan een voorwaardelijke verklaring die de juiste waarde retourneert om te vergelijken. Schakelkastverklaringen zijn goed voor het evalueren van vaste gegevenstypen.
Voorbeelden van Case Statement in JavaScript
Voorbeelden van Case Statement in JavaScript zijn als volgt:
voorbeeld 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);
)
In het bovenstaande voorbeeld is de variabele x van het type geheel getal en hebben we er waarde 1 aan toegekend. x wordt doorgegeven als de uitdrukking aan de schakelopdracht. Nu wordt de waarde van x vergeleken met alle gevallen, in ons geval wordt deze gekoppeld aan geval 1. Dat zal blok voor geval 1 uitvoeren en het programma zal "Eén" afdrukken op de console. Als de waarde van x een andere waarde is geweest, zou het standaardblok zijn uitgevoerd.
Voorbeeld 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”);
)
In het bovenstaande voorbeeld komt de kleur overeen met Blauw en wordt Alert in de browser weergegeven als "Kleur is blauw". Merk op dat het gegevenstype van expressie hier String is. In het vorige voorbeeld was het van het type Integer.
Conclusie
JavaScript heeft de zeer brede ondersteuning van voorwaardelijke verklaringen. Case-uitspraken zijn alternatief voor meerdere if-else-uitspraken. Case statements maken code efficiënt en zien er minder rommelig uit. Case-uitspraken zijn erg handig in JavaScript, waar testen van meerdere grote aantallen voorwaarden vereist is.
Aanbevolen artikelen
Dit is een gids voor de Case Statement in JavaScript. Hier bespreken we hoe de case statement werkt samen met de voorbeelden van case statement in javascript. U kunt ook de volgende artikelen bekijken voor meer informatie -
- Arrays in JavaScript
- Hoe JavaScript werkt
- Cheatsheet JavaScript
- Carrières in JavaScript
- C Matrixvermenigvuldiging programmeren
- Schakelkast in PowerShell | Parameters | Voorbeelden