Introduktion til JavaScript Switch Cases
I denne korte artikel vil jeg introducere dig til JavaScript-switch-sager, og hvordan man bruger dem med praktiske eksempler.
Denne artikel vil forklare bedre med mere praktiske eksempler, der hjælper dig med at forstå switch cases i dybden.
Forudsætninger.
- Grundlæggende JavaScript-viden
- Kode editor
- Webbrowser
- Din hjerne :)
En switch
erklæring kan grundlæggende erstatte flere if
kontroller i JavaScript.
Det giver en mere beskrivende måde at sammenligne en værdi med flere varianter på.
Switch-syntaksen
Den switch
har en eller flere case
blokke og en valgfri standard sag.
switch(x) { case 'value1': // if (x === 'value1') //code here [break] case 'value2': // if (x === 'value2') //code here [break] default: //code here [break] }
- Værdien af
x
kontrolleres for streng lighed med værdien fra den førstecase
(det vil sigevalue1
) derefter til den anden (value2
) og så videre. - Hvis ligestillingen findes,
switch
begynder at udføre koden startende fra den tilsvarendecase
, indtil den nærmestebreak
(eller indtil slutningen afswitch
). - Hvis der ikke matches noget tilfælde,
default
køres koden (hvis den findes).
Nogle få reelle eksempler
- Simpel afspilning og pause-switch
Det switch
udsagn kan bruges til flere grene baseret på et nummer eller streng:
switch (movie) { case 'play': playMovie(); break; case 'pause': pauseMovie(); break; default: doNothing(); }
Hvis du ikke tilføjer en break
erklæring, vil udførelsen "falde igennem" til det næste niveau. Det er vigtigt, at du bevidst mærker faldet med en kommentar, hvis du virkelig mente det for at hjælpe med fejlretning:
switch (movie) { case 'play': // fallthrough case 'pause': pauseMovie(); break; default: doNothing(); }
Standardbestemmelsen er valgfri. Du kan have udtryk i både switch-delen og sagerne, hvis du vil; sammenligninger finder sted mellem de to ved hjælp af ===
operatøren:
switch (3 + 7) { case 5 + 5: correct(); break; default: neverhappens(); }
- Simple Maths Calc Switch
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!" ); }
Her switch
begynder man at sammenligne average
fra den første case
variant, der er 4
. Kampen mislykkes.
Så 8
. Det er en kamp, så henrettelsen starter fra case 8
indtil den nærmeste break
.
Hvis der ikke er nogen, break
fortsætter udførelsen med den næste case
uden nogen kontrol.
Her er et eksempel uden 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!" ); }
I eksemplet ovenfor ser vi sekventiel udførelse af tre alerts
:
alert( 'Exactly!' ); alert( 'Too big' ); alert( "Incorrect values!" );
- getDay () metode skifte sag
Den getDay()
metode returnerer ugedagen som et tal mellem 0 og 6.
Dette eksempel bruger ugedagsnummeret til at beregne navnet på ugedagen:
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"; }
Resultatet af dagen bliver den aktuelle hverdag i dagsformat
PS: Dette ville ændre sig, når du læser denne artikel
Jeg skrev denne artcle den 13/06/2019, som er en torsdag, så resultatet ville være:
Thursday
Standard søgeord
Den standard søgeord specificerer koden til at køre, hvis der ikke er noget tilfælde match, mere som en ellers erklæring:
switch (new Date().getDay()) { case 6: text = "Today is Saturday"; break; case 0: text = "Today is Sunday"; break; default: text = "Its not weekend yet!"; }
Resultatet af teksten bliver:
Its not weekend yet!
Den standard tilfælde behøver ikke at være det sidste tilfælde i en switch blok:
switch (new Date().getDay()) { default: text = "Its not weekend yet!"; break; case 6: text = "Today is Saturday"; break; case 0: text = "Today is Sunday"; }
Hvis standard ikke er den sidste sag i switchblokken, skal du huske at afslutte standardsagen med en pause.
Konklusion
Der er så mange praktiske eksempler på switch cases, du kan gå over til google.com og køre en hurtig søgning efter flere switch cases eksempler.
Hvis denne artikel hjalp dig, skal du vise den ved at dele.
Tak for læsningen!