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 switcherklæring kan grundlæggende erstatte flere ifkontroller i JavaScript.

Det giver en mere beskrivende måde at sammenligne en værdi med flere varianter på.

Switch-syntaksen

Den switchhar en eller flere caseblokke 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 xkontrolleres for streng lighed med værdien fra den første case(det vil sige value1) derefter til den anden ( value2) og så videre.
  • Hvis ligestillingen findes, switchbegynder at udføre koden startende fra den tilsvarende case, indtil den nærmeste break(eller indtil slutningen af switch).
  • Hvis der ikke matches noget tilfælde, defaultkøres koden (hvis den findes).

Nogle få reelle eksempler

  • Simpel afspilning og pause-switch

Det switchudsagn 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 breakerklæ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 switchbegynder man at sammenligne average fra den første casevariant, der er 4. Kampen mislykkes.

8. Det er en kamp, ​​så henrettelsen starter fra case 8indtil den nærmeste break.

Hvis der ikke er nogen, breakfortsætter udførelsen med den næste caseuden 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.

Søndag = 0, mandag = 1, tirsdag = 2, onsdag = 3, torsdag = 4, fredag ​​= 5, lørdag = 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!