Introduktion til switch statement i JavaScript

I dette emne vil vi diskutere switch statement i JavaScript. Med fremkomsten af ​​teknologi har computere udviklet, hvilket igen bragte kravet til programmeringssprog. Der var mange programmeringssprog, der inkluderer både lavt niveau og sprog på højt niveau. Sprog på højt niveau er lettere at bruge, da de er lette at forstå i sammenligning med sprog på lavt niveau. JavaScript er et sådant sprog på højt niveau, der bruges bredt som et frontend-sprog til programmeringsformål. Der er masser af et koncept, som man har brug for at studere og praksis for at forstå grundlæggende koncepter.

Hvad er switch statement i JavaScript?

Der er flere betingede metoder i JavaScript såsom if-else-metode, hvis-andet-hvis-metode, mens -metode, do-mens-metode og flere andre metoder også. Ud af sådanne forskellige metoder i JavaScript er en sådan metode switch statement-metoden. I denne metode bruger vi den til at køre et bestemt sæt instruktioner eller kode, hvis betingelsen er tilfredsstillende. En switch-erklæring indeholder generelt flere blokke af sager sammen med en valgfri standard-sag. I henhold til betingelsen kan en eller flere sager udføres, hvis sager opfylder det. I tilfælde af at ingen switch-sætningsblok bliver sand, udføres standard-sagen automatisk, hvis den tilføjes i kodningen.

Syntaks for JavaScript-switch-erklæring

Lad os prøve at forstå den grundlæggende syntaks af JavaScript i en switch-erklæring.

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
)

Lad os nu prøve at forstå, hvordan denne blok af erklæringen rent faktisk kører.

  • Et udtryk, der skal kontrolleres - I denne erklæring kontrollerer vi det udtryk, der skal evalueres. Baseret på eksekveringen af ​​udtryk eksekveres switch-tilfredsstillende sag.
  • Forskellige sager - Ved henrettelse af et udtryk bliver den sag, der tilfredsstiller udtrykket, henrettet
  • Standard sag - Hvis en af ​​switch case ikke bliver opfyldt, udføres standard case.

Flowdiagram

Lad os nu se på flowchart for switch-erklæringen.

Lad os nu se, hvordan switch-erklæringen fungerer i JavaScript.

Hvordan fungerer switch Statement i JavaScript?

Som forklaret tidligere i artiklen indeholder en switch-erklæring generelt tre underafsnit, der er -

  • Udtryk til evaluering.
  • Tilfælde, der udføres for udtrykket.
  • Standard sag, der skal udføres, hvis ingen sager bliver tilfredse.

Det grundlæggende ansvar i disse underafsnit er -

  • Et udtryk, der skal kontrolleres - I denne erklæring kontrollerer vi det udtryk, der skal evalueres. Baseret på eksekveringen af ​​udtryk eksekveres switch-tilfredsstillende sag.
  • Forskellige sager - Ved henrettelse af et udtryk bliver den sag, der tilfredsstiller udtrykket, henrettet.
  • Standard sag - Hvis en af ​​switch case ikke bliver opfyldt, udføres standard case.

eksempler

Lad os nu tage et eksempel, der tager et nummer fra brugeren i et inputfelt, hvis tallet er mindre end 10, viser det det nummer, som brugeren har indtastet, ellers viser meddelelsen, at det indtastede nummer er større end 10.

Kopier blot følgende kode og indsæt den i HTML-filen for at køre den.

JavaScript-switch-erklæring


Indtast nummeret i tekstboksen


var text = '', labelVal = "";
funktion checkVal () (
text = document.getElementById ("inputBox") .værdi;
labelVal = '';
tekst = Antal (tekst)
skifte (tekst) (
sag 1:
labelVal = "Du har indtastet 1";
pause;
sag 2:
labelVal = "Du indtastede 2";
pause;
sag 3:
labelVal = "Du indtastede 3";
pause;
sag 4:
labelVal = "Du indtastede 4";
pause;
sag 5:
labelVal = "Du indtastede 5";
pause;
sag 6:
label Val = "Du indtastede 6";
pause;
sag 7:
labelVal = "Du indtastede 7";
pause;
sag 8:
label Val = "Du indtastede 8";
pause;
sag 9:
labelVal = "Du har indtastet 9";
pause;
Standard:
labelVal = "Indtast værdi mindre end 10";
)
document.getElementById ("labelVal"). innerText = labelVal;
)

Lad os nu se eksemplet med den indtastede værdi:

Inputværdi: 6

Output-værdi: Du indtastede 6

Lad os nu se, hvordan vi kan udføre flere switch-udsagn i JavaScript.

Udførelse af flere sager, hvis betingelsen er tilfredsstillende

Lad os nu se, hvordan vi kan henrette flere sager. Kopier følgende kode og indsæt den i HTML-fil for at udføre den.

JavaScript-switch-erklæring


Indtast nummeret i tekstboksen


var text = '', labelVal = "";
funktion checkVal () (
text = document.getElementById ("inputBox") .værdi;
labelVal = '';
tekst = Antal (tekst)
skifte (tekst) (
sag 1:
labelVal = labelVal + "Du indtastede 1";
sag 2:
labelVal = labelVal + "Du har indtastet 2";
sag 3:
labelVal = labelVal + "Du indtastede 3";
pause;
sag 4:
label Val = labelVal + "Du har indtastet 4";
sag 5:
label Val = labelVal + "Du indtastede 5";
sag 6:
label Val = labelVal + "Du indtastede 6";
pause;
Standard:
label Val = "Indtast værdi mindre end 10";
)
document.getElementById ("label Val"). innerText = label Val;
)

Inputværdi: 1

Outputværdi: Du indtastede 1 Du indtastede 2 Du indtastede 3.

Konklusion

JavaScript er et programmeringssprog, hvor der er masser af koncepter, man skal studere. En switch-erklæring er en af ​​dem. Disse betingede udsagn udfører dybest set koden for at kontrollere, om udtrykket opfylder betingelsen baseret på udtrykevalueringen, det returnerer værdien. En betinget erklæring er vidt brugt i ethvert programmeringssprog til forskellige logiske programmeringsudtryk.

Anbefalede artikler

Dette har været en guide til at skifte erklæring i JavaScript. Her diskuterer vi Concept, Syntax, Working og eksempler på switch Statement i JavaScript. Du kan også gennemgå vores andre foreslåede artikler for at lære mere -

  1. Cheat Sheet JavaScript
  2. Hvad Javascript kan gøre?
  3. JavaScript-strengfunktioner
  4. Eksempler på JavaScript-matematikfunktioner
  5. Introduktion til switch statement i C ++
  6. PHP switch erklæring | Flow Chart

Kategori:

Softwareudvikling