🔀 Semaine 1 - Jour 4 : Structures conditionnelles

🚦 Prendre des décisions dans votre code

Les structures conditionnelles permettent d'exécuter du code différent selon des conditions.

Structures principales : if/else (si/sinon), else if (sinon si), switch (aiguillage), et l'opérateur ternaire (condition compacte).

Important : Une condition renvoie toujours true ou false.

1. if / else (si / sinon)

La structure la plus courante pour tester une condition :

// Structure de base
let age = 20;

if (age >= 18) {
  console.log('Vous ĂŞtes majeur');
} else {
  console.log('Vous ĂŞtes mineur');
}

// Sans else si pas nécessaire
if (age >= 65) {
  console.log('RĂ©duction senior');
}

💡 Règle : Le bloc else est optionnel si vous n'avez qu'une seule condition.

2. else if (sinon si)

Pour tester plusieurs conditions successives :

let note = 15;

if (note >= 16) {
  console.log('Très bien');
} else if (note >= 14) {
  console.log('Bien');
} else if (note >= 12) {
  console.log('Assez bien');
} else if (note >= 10) {
  console.log('Passable');
} else {
  console.log('Insuffisant');
}

✅ Important : Les conditions sont testées dans l'ordre. Dès qu'une est vraie, les autres sont ignorées.

3. switch (aiguillage)

Pour tester une variable contre plusieurs valeurs précises :

let jour = 'lundi';

switch (jour) {
  case 'lundi':
    console.log('DĂ©but de semaine');
    break;
  case 'vendredi':
    console.log('BientĂ´t le weekend !');
    break;
  case 'samedi':
  case 'dimanche':
    console.log('Weekend !');
    break;
  default:
    console.log('Jour de semaine');
}

⚠️ Attention : N'oubliez pas le break pour sortir du switch après chaque case !

4. Opérateur ternaire

Forme compacte de if/else pour des conditions simples :
condition ? valeurSiVrai : valeurSiFaux

// Forme classique
let age = 20;
let message;
if (age >= 18) {
  message = 'Majeur';
} else {
  message = 'Mineur';
}

// Forme ternaire (plus court)
let message2 = age >= 18 ? 'Majeur' : 'Mineur';

// Utilisation directe
console.log(age >= 18 ? 'Accès autorisé' : 'Accès refusé');

💡 Astuce : Utilisez le ternaire pour des conditions simples, sinon préférez if/else.

⚡ Console JavaScript Interactive - Testez les conditions !
Prêt à exécuter votre code...

đź’» Exemples Ă  tester

// Exemple 1 : Vérifier l'âge
let age = 17;
if (age >= 18) {
  console.log('Vous pouvez voter');
} else {
  console.log('Trop jeune pour voter');
}

// Exemple 2 : Note scolaire
let note = 15;
if (note >= 16) {
  console.log('Excellent !');
} else if (note >= 12) {
  console.log('Bien');
} else if (note >= 10) {
  console.log('Passable');
} else {
  console.log('Insuffisant');
}

// Exemple 3 : Tarif ciné selon l'âge
let ageClient = 22;
let tarif = ageClient < 12 ? 5 : ageClient < 26 ? 8 : 12;
console.log(`Tarif : ${tarif}€`);

👆 Copiez ces exemples dans la console interactive ci-dessus !

Froggiesplaining :


🎯 Objectifs de ce cours :
✅ Utiliser if/else pour exécuter du code selon une condition
✅ Enchaîner plusieurs conditions avec else if
✅ Utiliser switch pour tester plusieurs valeurs précises
✅ Maîtriser l'opérateur ternaire pour des conditions simples

📖 Points clés à retenir :
• if/else : structure de base pour tester une condition
• else if : enchaîner plusieurs conditions (testées dans l'ordre)
• switch : tester une variable contre plusieurs valeurs (n'oubliez pas break !)
• Ternaire : condition ? siVrai : siFaux pour des conditions simples
• Une condition renvoie toujours true ou false

🏋️ Exercice pratique :
1. Créez une variable temperature = 25
2. Si température > 30 : "Il fait très chaud"
3. Sinon si température > 20 : "Il fait bon"
4. Sinon si température > 10 : "Il fait frais"
5. Sinon : "Il fait froid"
6. Testez avec différentes valeurs de température !
7. Bonus : Refaites l'exercice avec un switch pour les jours de la semaine

Froggie explain

GitHub - eCrea