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) restituisce true o false.
  • 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:

Pubblicità
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:

Pubblicità
  • && → “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:

OperatoreSignificato
==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

  1. Usa sempre === e !== per evitare comportamenti inaspettati dovuti alla coercizione di tipo.
  2. Mantieni i blocchi if brevi e leggibili.
  3. Verifica l’ordine dei tuoi else if: le condizioni più specifiche devono venire prima di quelle generiche.
  4. Ricorda: ogni condizione produce un valore booleano, e l’if decide 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