4.1 If..else

Dans la section précédente, vous avez découvert les expressions et les opérateurs. Nous allons maintenant les combiner avec des instructions conditionnelles pour ajouter de l'interactivité dans nos applications. JavaScript propose deux types d'instructions conditionnelles : if / else if / else et switch / case. Cette vidéo traite de la première forme ; la prochaine vidéo abordera switch / case.

Imaginons une application qui salue l'utilisateur différemment selon l'heure de la journée. Le besoin est simple : si l'heure est entre 6h et 12h, on affiche Bonjour ; entre 12h et 18h, Bon après-midi ; sinon, Bonsoir. C'est exactement le scénario qui se prête à if / else if / else.

Syntaxe et exemple complet

La structure de base est la suivante : on commence par if suivi d'une condition entre parenthèses ; si la condition est vraie, le bloc d'instructions entre accolades s'exécute. On peut chaîner avec else if (autreCondition) autant de fois que nécessaire, puis terminer par un else qui capture tous les autres cas. Avec une seule instruction par branche, les accolades sont optionnelles et alourdissent inutilement le code.

let heure = 10;

if (heure >= 6 && heure < 12)
    console.log('Bonjour');
else if (heure >= 12 && heure < 18)
    console.log('Bon après-midi');
else
    console.log('Bonsoir');

Notez l'usage des opérateurs de comparaison (>=, <) combinés à l'opérateur logique && pour exprimer un intervalle. Si on change la valeur d'heure à 13, le résultat devient Bon après-midi ; à 20, on obtient Bonsoir. On se retrouve dans la prochaine vidéo pour voir comment exprimer le même genre de logique avec switch / case.

En résumé

Cette leçon couvre les instructions conditionnelles if...else en JavaScript, essentielles pour implémenter l'interactivité dans une application. Elle explique la structure et l'utilisation de if, else if et else avec des opérateurs de comparaison, en illustrant par un exemple concret : saluer l'utilisateur différemment selon l'heure de la journée (bonjour, bonne après-midi ou bonsoir).

Points clés

• JavaScript propose deux types d'instructions conditionnelles : if...else et switch (ce dernier vu dans le prochain cours)
• Structure de base : if (condition) { code }, else if (condition) { code }, else { code } pour exécuter du code selon la condition
• Les conditions utilisent des opérateurs de comparaison (>=, <, ==, &&, ||) appris dans la section précédente sur les expressions
• Seule la première condition vraie s'exécute ; les conditions suivantes sont ignorées
• Les accolades sont optionnelles pour une seule instruction, mais recommandées pour améliorer la lisibilité du code
• On peut chaîner autant de else if que nécessaire sans limitation

Questions fréquentes

Que se passe-t-il si plusieurs conditions if...else sont vraies ?

Seule la première condition évaluée comme vraie s'exécute, et le reste est ignoré. Le programme ne vérifie plus les conditions suivantes une fois qu'une est satisfaite.

Quand utiliser else if plutôt que else ?

On utilise else if pour vérifier une autre condition spécifique. On utilise else seul quand on veut exécuter du code par défaut si aucune condition précédente n'est vraie.

Les accolades sont-elles obligatoires dans une structure if...else ?

Non, elles sont optionnelles pour une seule instruction, mais il est préférable de les inclure pour la clarté du code et pour éviter les bugs, surtout lors de modifications futures.