Introducere în declarația de comutare în JavaScript

În acest subiect, vom discuta despre declarația de comutare în JavaScript. Odată cu apariția tehnologiei, computerele s-au dezvoltat, care la rândul lor au adus cerința limbajului de programare. Au existat multe limbaje de programare care includ atât limbaj de nivel scăzut, cât și limbaj de nivel înalt. Limbile la nivel înalt sunt mai ușor de utilizat, deoarece sunt ușor de înțeles în comparație cu limbile de nivel scăzut. JavaScript este un astfel de limbaj la nivel înalt, care este utilizat pe scară largă ca limbaj frontend în scopuri de programare. Există o mulțime de concepte pe care trebuie să le studiezi și să le exersezi pentru a înțelege conceptele de bază.

Ce este Switch statement în JavaScript?

Există mai multe metode condiționale în JavaScript, cum ar fi metoda if-else, if-else-if metoda, while method, do-while metoda și alte câteva metode. Din aceste metode diferite în JavaScript, o astfel de metodă este metoda instrucțiunii de comutare. În această metodă, îl folosim pentru a rula un anumit set de instrucțiuni sau cod dacă condiția respectă. O instrucțiune switch conține în general mai multe blocuri de cazuri împreună cu un caz implicit opțional. În conformitate cu condiția, se pot executa unul sau mai multe cazuri dacă aceste cazuri sunt satisfăcătoare. În cazul în care niciun bloc de instrucțiuni switch nu devine adevărat, cazul implicit se execută automat dacă este adăugat în codificare.

Sintaxa declarației de comutare JavaScript

Să încercăm să înțelegem sintaxa de bază a JavaScript într-o declarație switch.

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
)

Acum, să încercăm să înțelegem cum rulează efectiv acest bloc al afirmației.

  • O expresie care trebuie verificată - În această afirmație, verificăm expresia care trebuie evaluată. Pe baza executării expresiei, se va executa carcasa care să satisfacă.
  • Cazuri diferite - La executarea unei expresii, se execută cazul care satisface expresia
  • Caz implicit - Dacă vreunul dintre cazurile de comutare nu este satisfăcut, atunci cazul implicit este executat.

Diagrama fluxului

Acum, să ne uităm la organigrama instrucțiunii switch.

Acum, să ne uităm la modul în care funcționează instrucțiunea switch în JavaScript.

Cum funcționează Switch Statement în JavaScript?

Așa cum am explicat anterior în articol, o instrucțiune switch conține, în general, trei sub-secțiuni care sunt -

  • Expresie de evaluat.
  • Cazuri care se execută pentru expresie.
  • Caz implicit care trebuie executat dacă nu există cazuri satisfăcute.

Responsabilitățile de bază ale acestor subsecțiuni sunt -

  • O expresie care trebuie verificată - În această afirmație, verificăm expresia care trebuie evaluată. Pe baza executării expresiei, se va executa carcasa care să satisfacă.
  • Cazuri diferite - La executarea unei expresii, se execută cazul care satisface expresia.
  • Caz implicit - Dacă vreunul dintre cazurile de comutare nu este satisfăcut, atunci cazul implicit este executat.

Exemple

Acum, să luăm un exemplu care ia un număr de la utilizator într-o casetă de intrare, dacă numărul este mai mic de 10, atunci arată numărul introdus de utilizator altul va afișa mesajul că numărul introdus este mai mare de 10.

Pur și simplu copiați următorul cod și lipiți-l în fișierul HTML pentru a-l rula.

Declarație de comutare JavaScript


Introduceți numărul în caseta de text


var text = '', labelVal = "";
funcție checkVal () (
text = document.getElementById ("inputBox"). valoare;
labelVal = '';
text = număr (text)
switch (text) (
cazul 1:
labelVal = "Ați introdus 1";
pauză;
cazul 2:
labelVal = "Ați introdus 2";
pauză;
cazul 3:
labelVal = "Ați introdus 3";
pauză;
cazul 4:
labelVal = "Ați introdus 4";
pauză;
cazul 5:
labelVal = "Ați introdus 5";
pauză;
cazul 6:
eticheta Val = "Ați introdus 6";
pauză;
cazul 7:
labelVal = "Ați introdus 7";
pauză;
cazul 8:
eticheta Val = "Ați introdus 8";
pauză;
cazul 9:
labelVal = "Ați introdus 9";
pauză;
Mod implicit:
labelVal = "Introduceți valoarea mai mică de 10";
)
document.getElementById ("labelVal"). insideText = labelVal;
)

Acum să vedem exemplul cu valoarea introdusă:

Valoarea de intrare: 6

Valoarea de ieșire: ați introdus 6

Acum să vedem cum putem executa mai multe declarații de comutare în JavaScript.

Executarea mai multor cazuri dacă condiția este satisfăcătoare

Acum, să vedem cum putem executa mai multe cazuri. Copiați următorul cod și lipiți-l în fișier HTML pentru a-l executa.

Declarație de comutare JavaScript


Introduceți numărul în caseta de text


var text = '', labelVal = "";
funcție checkVal () (
text = document.getElementById ("inputBox"). valoare;
labelVal = '';
text = număr (text)
switch (text) (
cazul 1:
labelVal = labelVal + "Ați introdus 1";
cazul 2:
labelVal = labelVal + "Ați introdus 2";
cazul 3:
labelVal = labelVal + "Ați introdus 3";
pauză;
cazul 4:
etichetă Val = labelVal + "Ați introdus 4";
cazul 5:
eticheta Val = labelVal + "Ați introdus 5";
cazul 6:
etichetă Val = labelVal + "Ați introdus 6";
pauză;
Mod implicit:
eticheta Val = "Introduceți valoarea mai mică de 10";
)
document.getElementById ("etichetă Val"). insideText = etichetă Val;
)

Valoarea de intrare: 1

Valoarea de ieșire: ați introdus 1 Ați introdus 2 Ai introdus 3.

Concluzie

JavaScript este un limbaj de programare în care există o mulțime de concepte pe care trebuie să le studiezi. O declarație de comutare este una dintre acestea. Aceste declarații condiționale execută practic codul pentru a verifica dacă expresia îndeplinește condiția, pe baza evaluării expresiei, returnează valoarea. O declarație condiționată este utilizată pe scară largă în orice limbaj de programare pentru diverse expresii de programare logică.

Articole recomandate

Acesta a fost un ghid pentru comutarea declarației în JavaScript. Aici discutăm Conceptul, Sintaxa, Lucrul și Exemple de declarații de comutare în JavaScript. Puteți parcurge și alte articole sugerate pentru a afla mai multe -

  1. Fisa Cheat JavaScript
  2. Ce Javascript poate face?
  3. Funcții cu șiruri JavaScript
  4. Exemple de funcții matematice JavaScript
  5. Introducere în declarația de comutare în C ++
  6. Declarație de comutare PHP | Diagrama de flux

Categorie:

Dezvoltare de software