Uvod u JavaScript slučajeve prebacivanja

U ovom kratkom članku predstavit ću vam slučajeve zamjene JavaScript-a i kako ih koristiti s praktičnim primjerima.

Ovaj će vam članak bolje objasniti praktičnijim primjerima koji će vam pomoći da dublje razumijete slučajeve prebacivanja.

Preduvjeti.

  • Osnovno JavaScript znanje
  • Uređivač koda
  • Web-preglednik
  • Tvoj mozak :)

switchIzjava u osnovi može zamijeniti više ifčekove u JavaScriptu.

Daje opisniji način usporedbe vrijednosti s više varijanti.

Sintaksa prekidača

The switchima jedan ili više caseblokova i neobavezni zadani slučaj.

switch(x) { case 'value1': // if (x === 'value1') //code here [break] case 'value2': // if (x === 'value2') //code here [break] default: //code here [break] }
  • Vrijednost vrijednosti xprovjerava se strogom jednakošću vrijednosti od prve case(odnosno), value1zatim druge ( value2) i tako dalje.
  • Ako je pronađena jednakost, switchzapočinje izvršavanje koda počevši od odgovarajućeg case, do najbližeg break(ili do kraja switch).
  • Ako se ne podudara nijedan slučaj, tada defaultse izvršava kôd (ako postoji).

Nekoliko stvarnih primjera

  • Jednostavno prebacivanje i pauziranje

switchIzjava se može koristiti za više grana na temelju broja ili niza:

switch (movie) { case 'play': playMovie(); break; case 'pause': pauseMovie(); break; default: doNothing(); }

Ako ne dodate breakizjavu, izvršenje će "pasti" na sljedeću razinu. Bitno je da namjerno označite pad komentarom ako ste stvarno mislili da pomaže u otklanjanju pogrešaka:

switch (movie) { case 'play': // fallthrough case 'pause': pauseMovie(); break; default: doNothing(); }

Zadana klauzula nije obavezna. Možete imati izraze i u preklopnom dijelu i u padežima ako želite; uspoređuju se između njih dvije pomoću ===operatora:

switch (3 + 7) { case 5 + 5: correct(); break; default: neverhappens(); }
  • Jednostavni matematički kalkulator
let average = 2 + 6; switch (average) { case 4: alert( 'Too small' ); break; case 8: alert( 'Exactly!' ); break; case 10: alert( 'Too large' ); break; default: alert( "Incorrect values!" ); }

Ovdje se switchpočinje uspoređivati average s prvom casevarijantom koja je 4. Utakmica ne uspijeva.

Onda 8. To se podudara, tako da izvršenje počinje od case 8najbližeg break.

Ako nema break, izvršenje se nastavlja sa sljedećim casebez ikakvih provjera.

Evo primjera bez break:

let average = 2 + 6; switch (average) { case 4: alert( 'Too small' ); case 8: alert( 'Exactly!' ); case 10: alert( 'Too big' ); default: alert( "Incorrect values!" ); }

U gornjem primjeru vidjet ćemo sekvencijalno izvršavanje triju alerts:

alert( 'Exactly!' ); alert( 'Too big' ); alert( "Incorrect values!" );
  • slučaj prekidača metode getDay ()

getDay()Metoda vraća u tjednu obliku broja između 0 i 6,

Nedjelja = 0, ponedjeljak = 1, utorak = 2, srijeda = 3, četvrtak = 4, petak = 5, subota = 6

Ovaj primjer koristi broj radnog dana za izračun naziva radnog dana:

switch (new Date().getDay()) { case 0: day = "Sunday"; break; case 1: day = "Monday"; break; case 2: day = "Tuesday"; break; case 3: day = "Wednesday"; break; case 4: day = "Thursday"; break; case 5: day = "Friday"; break; case 6: day = "Saturday"; }

Rezultat dana bit će trenutni radni dan u dnevnom formatu

PS: Ovo bi se promijenilo prema čitanju ovog članka

Ovaj sam članak napisao 13.6.2019., A to je četvrtak, pa bi rezultat bio:

Thursday

Zadana ključna riječ

Zadane ključne riječi određuje kôd pokrenuti ako nema slučaja utakmica, više kao drugo izjavu:

switch (new Date().getDay()) { case 6: text = "Today is Saturday"; break; case 0: text = "Today is Sunday"; break; default: text = "Its not weekend yet!"; }

Rezultat teksta bit će:

Its not weekend yet!

Zadani slučaj ne mora biti zadnji slučaj u switch bloku:

switch (new Date().getDay()) { default: text = "Its not weekend yet!"; break; case 6: text = "Today is Saturday"; break; case 0: text = "Today is Sunday"; }
Ako zadani slučaj nije zadnji slučaj u bloku prekidača, ne zaboravite završiti zadani slučaj prekidom.

Zaključak

Postoji toliko mnogo praktičnih primjera slučajeva prebacivanja, možete prijeći na google.com i pokrenuti brzo pretraživanje dodatnih primjera prekidača.

Ako vam je ovaj članak pomogao, pokažite ga dijeljenjem.

Hvala na čitanju!