Guida per Principianti sugli Switch Case in JavaScript

Ciao là, futuro supercampione del coding! Pronto a scoprire una delle strumento decisionali più cool di JavaScript? Prendi il tuo posto, perché stiamo per tuffarci nel meraviglioso mondo delle istruzioni Switch Case!

JavaScript - Switch Case

Cos'è lo Switch Case?

Prima di addentrarci nei dettagli, iniziiamo con una semplice analogia. Immagina di essere in una gelateria e di dover scegliere un gusto. Potresti usare un sacco di istruzioni "if-else" per decidere, ma sarebbe come chiedere al cameriere: "È alla vaniglia? No? È al cioccolato? No? È alla fragola?" e così via. Non sarebbe più facile dire semplicemente: "Quale gusto è?" e poi scegliere in base alla risposta? Ecco esattamente cosa fa lo Switch Case!

Diagramma di Flusso

Per visualizzare come funziona lo Switch Case, diamo un'occhiata a un diagramma di flusso:

[Inizio]
|
v
[Verifica Espressione]
|
______|_______
|      |       |
v      v       v
[ Caso 1][ Caso 2][ Caso 3]...
|      |       |
v      v       v
[ Azione 1][ Azione 2][ Azione 3]...
|      |       |
|______|_______|
|
v
[Predefinito]
|
v
[Fine]

Questo diagramma di flusso mostra come lo Switch Case valuta un'espressione e poi esegue il blocco di caso corrispondente. Se non viene trovato alcun caso corrispondente, esegue il blocco predefinito (se fornito).

Sintassi

Ora, analizziamo la sintassi di una istruzione Switch Case:

switch(espressione) {
case valore1:
// codice da eseguire
break;
case valore2:
// codice da eseguire
break;
case valore3:
// codice da eseguire
break;
...
default:
// codice da eseguire se nessun caso corrisponde
}

Ecco cosa significa ogni parte:

  • switch(espressione): Qui mettiamo il valore che vogliamo controllare.
  • case valore: Questi sono i possibili valori corrispondenti all'espressione.
  • // codice da eseguire: Questo è ciò che accade se il caso corrisponde.
  • break: Questa parola chiave dice a JavaScript di uscire dal blocco switch dopo aver eseguito il caso corrispondente.
  • default: È come l'else in un'istruzione if-else. Si esegue se nessun caso corrisponde.

Esempi

Immergiamoci in alcuni esempi per vedere lo Switch Case in azione!

Esempio 1: Giorni della Settimana

let day = 3;
let dayName;

switch (day) {
case 1:
dayName = "Lunedì";
break;
case 2:
dayName = "Martedì";
break;
case 3:
dayName = "Mercoledì";
break;
case 4:
dayName = "Giovedì";
break;
case 5:
dayName = "Venerdì";
break;
case 6:
dayName = "Sabato";
break;
case 7:
dayName = "Domenica";
break;
default:
dayName = "Giorno non valido";
}

console.log(dayName); // Output: Mercoledì

In questo esempio, stiamo usando lo Switch Case per convertire un numero di giorno nel suo nome corrispondente. Ecco cosa succede:

  1. Impostiamo day a 3.
  2. L'istruzione switch controlla il valore di day.
  3. Trova una corrispondenza in case 3.
  4. Imposta dayName a "Mercoledì".
  5. La dichiarazione break esce dal blocco switch.
  6. Infine, registriamo dayName nella console.

Esempio 2: Sistema di Valutazione

Creiamo un sistema di valutazione semplice:

let grade = 'B';
let message;

switch(grade) {
case 'A':
message = "Ottimo lavoro!";
break;
case 'B':
message = "Bello il lavoro!";
break;
case 'C':
message = "Buon impegno!";
break;
case 'D':
message = "Devi studiare di più.";
break;
case 'F':
message = "Per favore, vedi me dopo la lezione.";
break;
default:
message = "Valutazione non valida";
}

console.log(message); // Output: Bello il lavoro!

In questo esempio:

  1. Impostiamo grade a 'B'.
  2. L'istruzione switch controlla il valore di grade.
  3. Trova una corrispondenza in case 'B'.
  4. Imposta message a "Bello il lavoro!".
  5. La dichiarazione break esce dal blocco switch.
  6. Registriamo message nella console.

Esempio 3: Casi Multipli

A volte, potresti volere che diversi casi abbiano lo stesso risultato. Ecco come puoi farlo:

let fruit = "apple";
let category;

switch(fruit) {
case "apple":
case "pear":
case "banana":
category = "frutta comune";
break;
case "mango":
case "papaya":
category = "frutta tropicale";
break;
default:
category = "frutta sconosciuta";
}

console.log(category); // Output: frutta comune

In questo esempio:

  1. Impostiamo fruit a "apple".
  2. L'istruzione switch controlla il valore di fruit.
  3. Trova una corrispondenza nel primo case "apple".
  4. Poiché non c'è una dichiarazione break, continua al prossimo linea.
  5. Imposta category a "frutta comune".
  6. La dichiarazione break esce dal blocco switch.

Metodi relativi a Switch Case

Ecco una tabella dei metodi relativi a Switch Case e delle loro descrizioni:

Metodo Descrizione
switch Inizia un'istruzione switch
case Definisce un caso nell'istruzione switch
break Esce dal blocco switch
default Definisce il caso predefinito se nessun altro caso corrisponde

Ricorda, lo Switch Case è tutto incentrato su rendere il tuo codice più leggibile ed efficiente quando hai molte condizioni da controllare. È come un controllore del traffico, dirigendo il tuo codice verso il posto giusto in base a un valore specifico.

Quindi, ecco! Ora sei equipaggiato con il potere dello Switch Case. Ricorda, la pratica fa la perfezione, quindi prova a creare i tuoi Switch Case. Forse fai un gioco divertente dove diverse scelte portano a diversi risultati. Le possibilità sono infinite!

Buon codice, e che la Switch sia con te! ??

Credits: Image by storyset