Condizionali: if, else, ternario

Quasi mai un programma esegue tutte le sue istruzioni in fila. Continuamente deve decidere: se il prezzo è sotto soglia, applica lo sconto; se l'utente è loggato, mostra il pannello; altrimenti mostra il login. Le istruzioni che servono a prendere decisioni si chiamano condizionali.

if / else

La forma base è if (condizione) { … } else { … }:

const eta = 20;

if (eta >= 18) {
  console.log('Maggiorenne');
} else {
  console.log('Minorenne');
}

La condizione fra parentesi viene valutata; se è "veritiera" (in JS si dice truthy) viene eseguito il primo blocco, altrimenti il secondo.

Catene else if

Quando i casi sono più di due, si concatenano con else if:

const punti = 87;
if (punti >= 90) {
  console.log('Eccellente');
} else if (punti >= 70) {
  console.log('Buono');
} else if (punti >= 50) {
  console.log('Sufficiente');
} else {
  console.log('Da migliorare');
}

Solo il primo ramo che combacia viene eseguito.

Truthy e falsy

JS considera "falsy" sei valori: false, 0, '' (stringa vuota), null, undefined, NaN. Tutto il resto è truthy — anche '0', 'false' e l'array vuoto [].

if ('0') console.log('arriva qui'); // 'arriva qui'
if ([]) console.log('e anche qui'); // 'e anche qui'
if (0) console.log('mai'); // (mai)

L'operatore ternario cond ? a : b

Quando un if/else produce solo un valore, il ternario lo esprime in un'unica riga ed è spesso più leggibile:

const eta = 20;
const stato = eta >= 18 ? 'adulto' : 'minorenne';

Prova tu

Esercizio di ripasso