Frontend

Dichiarazioni condizionali in JavaScript

Autore

Manuel Ricci

Le dichiarazioni condizionali in JavaScript sono utilizzate per eseguire azioni diverse a seconda delle condizioni. Questo consente ai programmatori di controllare il flusso del programma, eseguendo differenti blocchi di codice a seconda del verificarsi di specifiche condizioni.

Importanza: Le dichiarazioni condizionali sono cruciali per scrivere codice che può rispondere in modo dinamico a diversi input e situazioni. Senza di esse, i programmi sarebbero statici e non potrebbero prendere decisioni.

Panoramica generale sulle dichiarazioni condizionali in JavaScript

Le dichiarazioni condizionali in JavaScript sono utilizzate per eseguire azioni diverse a seconda delle condizioni. Questo consente ai programmatori di controllare il flusso del programma, eseguendo differenti blocchi di codice a seconda del verificarsi di specifiche condizioni.

Le dichiarazioni condizionali sono cruciali per scrivere codice che può rispondere in modo dinamico a diversi input e situazioni. Senza di esse, i programmi sarebbero statici e non potrebbero prendere decisioni.

If, Else ed Else If

  • If: È la forma più semplice di dichiarazione condizionale. Valuta se una condizione è vera e, in tal caso, esegue il codice all'interno del blocco if. Se la condizione è falsa, il blocco if viene ignorato.
  • Else: Usato in tandem con if. Se la condizione if non è vera, il codice all'interno del blocco else viene eseguito.
  • Else If: Fornisce una catena di condizioni da testare in sequenza. Viene utilizzato per verificare più condizioni diverse dopo un'iniziale if, prima di ricorrere a un blocco else finale.

Se vuoi saperne di più di if, else ed else if puoi approfondirli ulteriormente in questo mio altro articolo.

1let numero = 10;
2
3// Usando if
4if (numero > 5) {
5    console.log("Il numero è maggiore di 5");
6}
7
8// Usando else
9if (numero > 15) {
10    console.log("Il numero è maggiore di 15");
11} else {
12    console.log("Il numero è minore o uguale a 15");
13}

Come scrivere una condizione

Una condizione è un'espressione che viene valutata come vero o falso. Può includere operatori come <, >, ==, ===, !=, !==.

  • Espressioni booleane: Una condizione è solitamente un'espressione che restituisce un valore booleano (true o false).
  • Operatori di confronto: Sono utilizzati per confrontare due valori. Gli operatori come == (uguaglianza), != (disuguaglianza), > (maggiore di), < (minore di), consentono di costruire condizioni.
  • Operatori logici: && (AND), || (OR), e ! (NOT) sono utilizzati per combinare o invertire condizioni, permettendo di costruire condizioni più complesse.
1let temperatura = 22;
2
3if (temperatura > 25) {
4    console.log("Caldo");
5} else {
6    console.log("Fresco");
7}

Switch

Lo switch è una dichiarazione condizionale che confronta il valore di un'espressione con una serie di case e esegue il blocco di codice corrispondente.

  • Switch vs If-Else: Mentre if-else è ottimo per condizioni semplici e dirette, switch è più pulito e più leggibile quando si hanno molte condizioni da controllare, tutte basate sullo stesso valore.
  • *Case e Break: Ogni case rappresenta un possibile valore dell'espressione valutata, seguito dal codice da eseguire se il caso si verifica. break viene utilizzato per uscire dallo switch una volta trovato il caso corrispondente, per evitare l'esecuzione dei casi successivi.

Su switch ho già scritto un approfondimento in passato, buttaci un occhio.

1let frutto = "mela";
2
3switch (frutto) {
4    case "banana":
5        console.log("Giallo");
6        break;
7    case "mela":
8        console.log("Rosso");
9        break;
10    default:
11        console.log("Frutto non riconosciuto");
12}

Operatore Ternario

  • Sintassi: L'operatore ternario è scritto come condizione ? espressione1 : espressione2. Se la condizione è vera, espressione1 viene eseguita; se è falsa, viene eseguita espressione2.
  • Utilizzo: È spesso usato per assegnazioni condizionali e può rendere il codice più conciso. Tuttavia, un uso eccessivo o per condizioni complicate può rendere il codice meno leggibile.

Se vuoi vedere altri esempi sull'operatore ternario puoi leggere quest'altro mio approfondimento.

1let punti = 70;
2let risultato = punti > 50 ? "Promosso" : "Bocciato";
3console.log(risultato);

In sintesi, le dichiarazioni condizionali in JavaScript sono strumenti potenti per controllare il flusso di esecuzione dei programmi. La loro comprensione e utilizzo corretto è fondamentale per qualsiasi sviluppatore JavaScript.

Caricamento...

Diventiamo amici di penna? ✒️

Iscriviti alla newsletter per ricevere una mail ogni paio di settimane con le ultime novità, gli ultimi approfondimenti e gli ultimi corsi gratuiti puubblicati. Ogni tanto potrei scrivere qualcosa di commerciale, ma solo se mi autorizzi, altrimenti non ti disturberò oltre.

Se non ti piace la newsletter ti ricordo la community su Discord, dove puoi chiedere aiuto, fare domande e condividere le tue esperienze (ma soprattutto scambiare due meme con me). Ti aspetto!

Ho in previsione di mandarti una newsletter ogni due settimane e una commerciale quando capita.