Maîtriser les conditions multiples dans les instructions if de JavaScript

La maîtrise de la logique conditionnelle est cruciale pour la création d’applications JavaScript dynamiques et réactives. Cet article explore comment gérer efficacement plusieurs conditions au sein de vos instructions if, améliorant ainsi considérablement la puissance et la flexibilité de votre code.

Table des matières

• Utilisation des opérateurs logiques pour plusieurs conditions
• Combinaison des opérateurs ET et OU
• Utilisation d’instructions if imbriquées
• L’opérateur ternaire pour une logique concise

Utilisation des opérateurs logiques pour plusieurs conditions

Les opérateurs logiques JavaScript sont la base de la gestion de plusieurs conditions. Ils vous permettent de combiner des expressions booléennes pour créer des instructions conditionnelles plus complexes. Les trois principaux opérateurs logiques sont :

• && (ET) : Renvoie true uniquement si toutes les expressions sont true.
• || (OU) : Renvoie true si au moins une expression est true.
• ! (NON) : Inverse la valeur booléenne d’une expression (true devient false, et vice-versa).

Exemple utilisant ET (&&) :

let age = 25;
let hasLicense = true;

if (age >= 18 && hasLicense) {
  console.log("Vous êtes autorisé à conduire.");
} else {
  console.log("Vous n'êtes pas autorisé à conduire.");
}

Exemple utilisant OU (||) :

let isWeekend = true;
let isHoliday = false;

if (isWeekend || isHoliday) {
  console.log("C'est le moment de se détendre !");
} else {
  console.log("C'est un jour de travail.");
}

Exemple utilisant NON (!) :

let isLoggedIn = false;

if (!isLoggedIn) {
  console.log("Veuillez vous connecter.");
} else {
  console.log("Bienvenue !");
}

Combinaison des opérateurs ET et OU

Vous pouvez combiner les opérateurs && et || pour créer des conditions encore plus complexes. Les parenthèses () sont essentielles pour contrôler l’ordre d’évaluation. N’oubliez pas l’ordre de priorité : ! (NON) a la priorité la plus élevée, suivi de && (ET), puis de || (OU).

Exemple combinant ET et OU :

let temperature = 25;
let isSunny = true;
let isRainy = false;

if ((temperature > 20 && isSunny) || isRainy) {
  console.log("C'est une bonne journée pour sortir, mais prenez un parapluie s'il pleut.");
} else {
  console.log("Peut-être rester à l'intérieur aujourd'hui.");
}

Utilisation d’instructions if imbriquées

Pour les scénarios complexes, l’imbrication d’instructions if fournit un moyen clair de gérer plusieurs niveaux de conditions. Chaque instruction if imbriquée n’est évaluée que si la condition if externe est remplie.

let age = 15;
let hasParentPermission = true;

if (age >= 18) {
  console.log("Vous pouvez assister à l'événement.");
} else {
  if (hasParentPermission) {
    console.log("Vous pouvez assister à l'événement avec la supervision d'un parent.");
  } else {
    console.log("Vous ne pouvez pas assister à l'événement.");
  }
}

L’opérateur ternaire pour une logique concise

Pour les affectations conditionnelles simples, l’opérateur ternaire (condition ? valueIfTrue : valueIfFalse) offre une alternative plus concise à une instruction if-else complète.

let isAdult = age >= 18 ? true : false;
console.log(isAdult); // Affiche true si age >= 18, false sinon

En maîtrisant ces techniques, vous pouvez créer des applications JavaScript robustes et adaptables qui gèrent un large éventail de scénarios conditionnels avec clarté et efficacité.