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) 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:

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

  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

Continuare la lettura sul sito di origine:

https://www.codingcreativo.it/guida-completa-agli-if-in-javascript/

Articoli Correlati

Commenti

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Vuoi rimanere aggiornato sulle nuove tecnologie per la Didattica e ricevere suggerimenti per attività da fare in classe?

Sei un docente?

soloscuola.it la prima piattaforma
No Profit gestita dai

Volontari Per la Didattica
per il mondo della Scuola. 

 

Tutti i servizi sono gratuiti. 

Associazione di Volontariato Koinokalo Aps

Ente del Terzo Settore iscritta dal 2014
Tutte le attività sono finanziate con il 5X1000