Guida completa agli if in JavaScript
In JavaScript, gli if sono le istruzioni che ci permettono di prendere decisioni nel programma. Consentono di eseguire del codice solo se una certa condizione è vera.
La sintassi di base
if (condizione) {
// codice da eseguire se la condizione è vera
}
Esempio semplice:
let numero = 10;
if (numero > 5) {
console.log("Il numero è maggiore di 5");
}
Spiegazione:
- La condizione
(numero > 5)restituiscetrueofalse. - Solo se la condizione è
true, il codice all’interno delle parentesi graffe viene eseguito. - In questo esempio il risultato sarà:
Il numero è maggiore di 5
if … else
Se vuoi eseguire del codice anche quando la condizione è falsa, puoi usare else:
let numero = 3;
if (numero > 5) {
console.log("Il numero è maggiore di 5");
} else {
console.log("Il numero è 5 o minore");
}
Spiegazione:
- Se
numero > 5è falso, viene eseguito il codice dentro l’else. - Output:
Il numero è 5 o minore
if … else if … else
Se hai più condizioni da verificare, puoi usare else if:
let voto = 7;
if (voto >= 9) {
console.log("Ottimo");
} else if (voto >= 6) {
console.log("Sufficiente");
} else {
console.log("Insufficiente");
}
Spiegazione:
- Il programma verifica le condizioni in ordine.
- Non appena trova una condizione vera, esegue il relativo blocco e salta il resto.
- Output in questo esempio:
Sufficiente
Condizioni multiple con operatori logici
Puoi combinare più condizioni usando:
&&→ “e” (tutte le condizioni devono essere vere)||→ “o” (almeno una condizione deve essere vera)
Esempio:
let eta = 20;
let tessera = true;
if (eta >= 18 && tessera === true) {
console.log("Accesso consentito");
} else {
console.log("Accesso negato");
}
Spiegazione:
- L’accesso è consentito solo se l’utente ha almeno 18 anni e possiede la tessera.
Operatori di confronto con if
Gli if spesso vengono usati con gli operatori di confronto:
| Operatore | Significato |
|---|---|
== |
uguale (coercizione di tipo) |
=== |
uguale e stesso tipo |
!= |
diverso |
!== |
diverso o tipo diverso |
> < >= <= |
maggiore, minore, maggiore o uguale, minore o uguale |
Esempio pratico:
let numero = 10;
if (numero === 10) {
console.log("Il numero è esattamente 10");
}
Esempi pratici
✔ Esempio 1 – Numero pari o dispari
let numero = 7;
if (numero % 2 === 0) {
console.log("Pari");
} else {
console.log("Dispari");
}
✔ Esempio 2 – Controllo età
let eta = 16;
if (eta >= 18) {
console.log("Accesso consentito");
} else {
console.log("Accesso negato");
}
✔ Esempio 3 – Media scolastica
let voto1 = 7;
let voto2 = 8;
let voto3 = 6;
let media = (voto1 + voto2 + voto3) / 3;
if (media >= 6) {
console.log("Promosso");
} else {
console.log("Bocciato");
}
Buone pratiche
- Usa sempre
===e!==per evitare comportamenti inaspettati dovuti alla coercizione di tipo. - Mantieni i blocchi
ifbrevi e leggibili. - Verifica l’ordine dei tuoi
else if: le condizioni più specifiche devono venire prima di quelle generiche. - Ricorda: ogni condizione produce un valore booleano, e l’
ifdecide se eseguire il blocco di codice.
Conclusione
Gli if sono fondamentali per scrivere programmi dinamici e intelligenti, che prendono decisioni in base ai dati.
Imparare a usarli con sicurezza ti permetterà di:
- Controllare il flusso del programma
- Applicare logica ai calcoli
- Creare programmi interattivi
Continuare la lettura sul sito di origine:
https://www.codingcreativo.it/guida-completa-agli-if-in-javascript/
Commenti