Strutture condizionali

Impara a prendere decisioni nel codice con if, else, switch e operatore ternario.

🎮 Mettilo in pratica: nel corso JavaScript interattivo – progetti ci sono le lezioni Lezione 6 – Se allora (if/else), Lezione 7 – Confronti e controlli e Lezione 8 – Switch e menu.

➕ Altri esempi: Approfondimento: condizioni e cicli a confronto.

Cos'è una Struttura Condizionale?

Le strutture condizionali permettono al programma di prendere decisioni e seguire percorsi diversi in base alle condizioni.

Condizioni nella Vita Reale

• SE piove → prendi ombrello
• SE hai fame → mangia
• SE è weekend → rilassati, ALTRIMENTI → lavora

Istruzione if

L'istruzione if esegue codice solo se la condizione è vera.

Sintassi Base

if (condizione) {
    // Codice eseguito SE condizione è true
}

// Esempio
let età = 18;

if (età >= 18) {
    console.log("Sei maggiorenne!");
}

Istruzione if-else

Con else specifichi cosa fare se la condizione è falsa.

Sintassi if-else

if (condizione) {
    // Se true
} else {
    // Se false
}

// Esempio
let età = 15;

if (età >= 18) {
    console.log("Puoi votare");
} else {
    console.log("Non puoi votare");
}

Istruzione else if

Con else if verifichi condizioni multiple in sequenza.

Sintassi else if

let voto = 85;

if (voto >= 90) {
    console.log("Eccellente! 🌟");
} else if (voto >= 80) {
    console.log("Molto bene! 👍");
} else if (voto >= 70) {
    console.log("Buono 👌");
} else if (voto >= 60) {
    console.log("Sufficiente ✔️");
} else {
    console.log("Insufficiente ❌");
}

⚠️ Ordine delle Condizioni

L'ordine è importante! JavaScript si ferma alla prima condizione vera.

Istruzione switch

L'istruzione switch è utile per molte opzioni.

Sintassi switch

let giorno = 3;

switch (giorno) {
    case 1:
        console.log("Lunedì");
        break;
    case 2:
        console.log("Martedì");
        break;
    case 3:
        console.log("Mercoledì");
        break;
    default:
        console.log("Altro giorno");
}

⚠️ Non Dimenticare break!

Senza break il codice continua nei casi successivi!

Operatore Ternario

If-else in una sola riga!

Sintassi Ternario

// Sintassi: condizione ? seVero : seFalso

let età = 20;
let stato = età >= 18 ? "adulto" : "minorenne";

console.log(stato);  // "adulto"

Condizioni Multiple

Usa && (AND) e || (OR) per combinare condizioni.

Operatori Logici

let età = 20;
let haPatente = true;

// AND: entrambe devono essere vere
if (età >= 18 && haPatente) {
    console.log("Puoi guidare!");
}

// OR: almeno una deve essere vera
if (età < 18 || !haPatente) {
    console.log("Non puoi guidare");
}

Esempi Pratici

Esercizi Pratici

Esercizio 1: Calcolatore IMC

Obiettivo: Calcola Indice Massa Corporea e classifica il risultato

• Sottopeso: IMC < 18.5
• Normale: 18.5 ≤ IMC < 25
• Sovrappeso: 25 ≤ IMC < 30
• Obeso: IMC ≥ 30

Esercizio 2: Sistema Valutazione

Obiettivo: Converti voto numerico in lettera e giudizio

• A: 90-100 (Eccellente)
• B: 80-89 (Molto bene)
• C: 70-79 (Buono)
• D: 60-69 (Sufficiente)
• F: 0-59 (Insufficiente)

Esercizio 3: Sistema Login

Obiettivo: Verifica username e password

• Username corretto: "admin"
• Password corretta: "pass123"
• Mostra messaggi di errore specifici

🎯 Riepilogo Lezione

if

• Una condizione
• Esegue se true

if-else

• Due percorsi
• True O false

else if

• Condizioni multiple
• Prima vera vince

switch

• Molte opzioni
• Ricorda break!