Les Conditions en JavaScript
Introduction aux Conditionnels
Les conditionnels en programmation sont des instructions qui permettent d'exécuter un bloc de code en fonction d'une condition. En JavaScript, un conditionnel évalue une expression et détermine si elle est vraie ou fausse. Si elle est vraie, une action est exécutée, sinon une autre action peut être définie.
Instruction If
L'instruction if
prend une condition entre parenthèses :
const isEmailSent = true;
if (isEmailSent) { console.log('Email envoyé au destinataire 💌');}
Dans cet exemple, si isEmailSent
est vrai, alors le message "Email envoyé au destinataire 💌" s'affichera. En revanche, si isEmailSent
est faux, rien ne se passera.
Instruction Else
Un bloc else
peut être ajouté à un bloc if
. Il s'exécutera uniquement si la condition du if
échoue.
const isTaskFinished = false;
if (isTaskFinished) { console.log('Tâche terminée');} else { console.log('Tâche non terminée');}
Dans cette situation, puisque isTaskFinished
est faux, le programme affichera "Tâche non terminée".
Instruction Else If
Après un premier bloc if
, vous pouvez ajouter des blocs else if
pour vérifier des conditions supplémentaires. Un bloc else
peut également être inclus à la fin.
if (hour < 18) { greeting = 'Bonne journée 🌤';} else { greeting = 'Bonsoir 🌙';}
Ici, si hour
est inférieur à 18, le programme renverra "Bonne journée 🌤" ; sinon, il affichera "Bonsoir 🌙".
Utilisation des Conditions en Pratique
Imaginons que vous souhaitiez créer un site web qui affiche un message différent selon le moment de la journée. Vous pourriez utiliser les structures conditionnelles comme ceci :
if (time < 10) { greeting = 'Bonjour 🌄';} else if (time < 20) { greeting = 'Bonne journée 🌁';} else { greeting = 'Bonsoir 🌉';}
Dans ce scénario, je vérifie si l'heure est inférieure à 10 pour afficher "Bonjour 🌄", entre 10 et 20 pour afficher "Bonne journée 🌁", et pour toute autre heure pour afficher "Bonsoir 🌉".