In questa lezione sviluppiamo una serie di esercizi JavaScript su if else, ovvero sulle istruzioni condizionali.
Le istruzioni condizionali permettono di valutare una condizione specifica. Se la condizione è vera, il programma esegue un insieme di istruzioni specifiche; in caso contrario, può eseguirne un altro insieme (non è obbligatorio infatti specificare l’else).
Le istruzioni condizionali sono ampiamente presenti nella vita quotidiana, anche al di fuori del contesto della programmazione. Ecco infatti alcuni esempi pratici che ritrovaimo nella vita reale:
- Semafori Stradali:
- Nei semafori stradali, il verde indica la possibilità di proseguire, mentre il rosso richiede di fermarsi. Il giallo funge da avviso di imminente cambiamento.
- ATM (Bancomat):
- Quando si utilizza un bancomat, il processo di prelievo di denaro coinvolge istruzioni condizionali. Ad esempio, se il saldo è sufficiente, il prelievo è autorizzato; altrimenti, può essere negato.
- Impianto di Aria Condizionata:
- In un impianto di aria condizionata, il termostato agisce come una sorta di istruzione condizionale. Se la temperatura ambiente è superiore al valore desiderato, l’aria condizionata si accende per raffreddare l’ambiente.
- Prenotazione di un Biglietto Online:
- Durante la prenotazione di un biglietto online, il processo può coinvolgere istruzioni condizionali. Se ci sono posti disponibili e si soddisfano determinate condizioni, la prenotazione avviene con successo; altrimenti, potrebbe essere negata.
- Supermercato:
- Nel processo di acquisto al supermercato, il passaggio attraverso la cassa può essere analogo a un’istruzione condizionale. Se hai abbastanza fondi o credito sulla tua carta, l’acquisto è consentito; altrimenti, potrebbe essere respinto.
In sostanza, le istruzioni condizionali si verificano ogni volta che è necessario prendere una decisione basata su una condizione specifica. Queste sono solo alcune delle possibili situazioni comuni nella vita quotidiana nelle quali occorre effettuare una scelta.
Esercizi JavaScript su if else – primo esercizio
Propongo adesso una serie di esercizi sulle istruzioni condizionali.
In questo primo esercizio confrontiamo se due valori sono uguali.
Inizializzare due variabili a e b con dei valori interi e verificare se contengono lo stesso valore.
Dapprima dichiariamo due costanti, a e b, e quindi assegniamo loro dei valori interi.
Successivamente, verifichiamo se contengono lo stesso valore, utilizzando l’istruzione condizionale if else su questi due valori.
Ricordiamo che la sintassi dell’istruzione if richiede che all’interno delle parentesi tonde sia specificato il test da valutare. Il risultato del test è un valore booleano, cioè vero o falso.
Nel nostro esempio, dato che a è assegnato a 5 e b a 6, il test (a === b) restituirà falso. Di conseguenza, le istruzioni all’interno delle parentesi graffe non verranno mai eseguite.
const a = 5;
const b = 6;
if (a === b) {
console.log('I valori di ' + a + ' e ' + b + ' sono uguali.');
} else {
console.log('I valori di ' + a + ' e ' + b + ' non sono uguali.');
}
Esercizi JavaScript sulle istruzioni condizionali – secondo esercizio
Consideriamo adesso un secondo esercizio in cui verifichiamo se un numero è positivo, negativo oppure nullo.
Ecco dunque una possibile soluzione utilizzando l’istruzione if else in JavaScript:
const numero = 13;
if (numero > 0) {
console.log('Il numero ' + numero + ' è positivo.');
} else if (numero < 0) {
console.log('Il numero ' + numero + ' è negativo.');
} else {
console.log('Il numero è zero.');
}In questo esempio, la variabile numero è inizializzata a 13. L’istruzione condizionale verifica se numero è maggiore di zero, in tal caso, viene stampato un messaggio indicando che il numero è positivo. Altrimenti si controlla se numero è minore di zero, e se tale condizione è vera viene stampato un messaggio che indica che il numero è negativo. Infine, rimane solo la condizione se numero è uguale a zero, ed in tal caso viene stampato un messaggio che indica che il numero è zero.
N.B. Nell’ultimo else non dobbiamo inserire la condizione con l’if in quanto è scontato che il numero sia nullo.
Esercizi JavaScript su if else – terzo esercizio
Realizziamo adesso un esercizio in cui verifichiamo se una persona è maggiorenne o minorenne in base all’età.
Innanzitutto inizializziamo una variabile eta e dopo utilizziamo un’istruzione condizionale per determinare se la persona è maggiorenne o minorenne.
Ecco dunque un esempio:
const eta = 20;
if (eta >= 18) {
console.log('La persona è maggiorenne.');
} else {
console.log('La persona è minorenne.');
}In questo esempio, la variabile eta è inizializzata a 20. L’istruzione condizionale verifica se eta è maggiore o uguale a 18. Se questa condizione è vera, viene stampato un messaggio indicando che la persona è maggiorenne, altrimenti viene stampato un messaggio che indica che la persona è minorenne.
Esercizi JavaScript su if else – quarto esercizio
Consideriamo adesso un esercizio in cui determiniamo il giorno della settimana in base al numero corrispondente.
Inizializziamo una variabile numeroGiorno e utilizziamo un’istruzione condizionale per associare il numero al giorno corrispondente della settimana.
Ecco quindi un esempio:
const numeroGiorno = 3;
if (numeroGiorno === 1) {
console.log('Il giorno corrisponde a Lunedì.');
} else if (numeroGiorno === 2) {
console.log('Il giorno corrisponde a Martedì.');
} else if (numeroGiorno === 3) {
console.log('Il giorno corrisponde a Mercoledì.');
} else if (numeroGiorno === 4) {
console.log('Il giorno corrisponde a Giovedì.');
} else if (numeroGiorno === 5) {
console.log('Il giorno corrisponde a Venerdì.');
} else if (numeroGiorno === 6) {
console.log('Il giorno corrisponde a Sabato.');
} else if (numeroGiorno === 7) {
console.log('Il giorno corrisponde a Domenica.');
} else {
console.log('Numero giorno non valido.');
}In questo esempio, la variabile numeroGiorno è inizializzata a 3. L’istruzione condizionale dunque verifica il valore di numeroGiorno e restituisce il giorno corrispondente della settimana. Tuttavia, quando si ha la necessità di valutare molte opzioni rispetto a una successione di istruzioni if-else, come nel nostro caso, l’istruzione switch-case risulta più indicata.
Quindi, nel contesto di questo quarto esercizio, la transizione verso l’utilizzo dell’istruzione switch può offrire maggiore chiarezza e leggibilità nel codice. L’istruzione switch infatti può gestire in modo più efficiente una serie di opzioni specifiche, rendendo il codice più conciso ed elegante.
Esempio con lo switch case:
const numeroGiorno = 3;
switch (numeroGiorno) {
case 1:
console.log('Il giorno corrisponde a Lunedì.');
break;
case 2:
console.log('Il giorno corrisponde a Martedì.');
break;
case 3:
console.log('Il giorno corrisponde a Mercoledì.');
break;
case 4:
console.log('Il giorno corrisponde a Giovedì.');
break;
case 5:
console.log('Il giorno corrisponde a Venerdì.');
break;
case 6:
console.log('Il giorno corrisponde a Sabato.');
break;
case 7:
console.log('Il giorno corrisponde a Domenica.');
break;
default:
console.log('Numero giorno non valido.');
}
In questo esempio, l’istruzione switch valuta la variabile numeroGiorno, e ciascun caso (case) corrisponde a un valore specifico. Se il valore di numeroGiorno coincide con uno dei casi, viene eseguito il blocco di codice associato. L’istruzione break è necessaria per uscire dallo switch dopo l’esecuzione del blocco corrispondente.
Se il numero non corrisponde a nessun giorno valido, allora l’esempio utilizza un blocco default per stampare un messaggio indicando per l’appunto che il numero del giorno non è valido.
Conclusione
In questa lezione, abbiamo dunque esplorato alcune semplici applicazioni dell’istruzione if-else in JavaScript. Tuttavia, il mondo della programmazione è vasto, e le sfaccettature dell’istruzione if-else sono molteplici.
Nelle prossime lezioni, ci immergeremo più a fondo in situazioni più complesse e affronteremo ulteriori sfaccettature di questa istruzione fondamentale. Con esempi più avanzati e pratici, cercheremo di arricchire ulteriormente la nostra comprensione, permettendovi di padroneggiare la programmazione in JavaScript in modo più completo.
Continuate dunque a seguirmi per scoprire nuovi scenari e approfondire la vostra conoscenza della programmazione in JavaScript.
Alcuni link utili
Introduzione al tutorial JavaScript
Come utilizzare JavaScript alert
Come utilizzare JavaScript confirm