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 🌉".