Partie 4 — Opérateurs et conditions : comment JavaScript prend des décisions

Jusqu’ici, nous avons appris à stocker des informations dans des variables. Mais un programme qui se contente de stocker des valeurs sans jamais décider quoi faire avec n’est pas très utile.

Dans la vraie vie, nous prenons constamment des décisions : si j’ai assez d’argent, j’achète, sinon j’attends. Si l’utilisateur est connecté, je lui montre son tableau de bord, sinon je lui affiche la page de connexion.

En JavaScript, ce raisonnement humain se fait grâce aux opérateurs et aux conditions. C’est ici que votre code commence réellement à “penser”.

1) Les opérateurs arithmétiques (calculer comme dans la vraie vie)

Les opérateurs arithmétiques servent à effectuer des calculs. Ils sont omniprésents : prix, totaux, réductions, scores, moyennes, etc.

a) L’addition (+)

L’opérateur + sert à additionner des nombres.

let prixProduit = 200;
let fraisLivraison = 30;
let total = prixProduit + fraisLivraison;
console.log(total); // 230
  

Attention : l’opérateur + sert aussi à concaténer du texte. C’est une source très fréquente d’erreurs chez les débutants.

let a = "100";
let b = 20;
console.log(a + b); // "10020"
  

👉 Si l’un des deux éléments est une chaîne de caractères, JavaScript choisit la concaténation.

b) La soustraction (-)

La soustraction fonctionne uniquement avec des nombres.

let prixInitial = 500;
let reduction = 120;
let prixFinal = prixInitial - reduction;
console.log(prixFinal); // 380
  

c) La multiplication (*)

Très utilisée pour les quantités.

let prixUnitaire = 50;
let quantite = 4;
let total = prixUnitaire * quantite;
console.log(total); // 200
  

d) La division (/)

Sert à calculer une moyenne ou répartir une valeur.

let totalPoints = 90;
let nombreMatières = 3;
let moyenne = totalPoints / nombreMatières;
console.log(moyenne); // 30
  

e) Le modulo (%)

Le modulo donne le reste d’une division. Très utile pour savoir si un nombre est pair ou impair.

let age = 21;
console.log(age % 2); // 1 → impair
  

2) Les opérateurs de comparaison (poser des questions)

Les opérateurs de comparaison servent à poser des questions à JavaScript. La réponse est toujours un booléen : true ou false.

a) Égalité simple (==) et stricte (===)

Voici une des notions les plus importantes de JavaScript.

console.log(5 == "5");   // true
console.log(5 === "5");  // false
  

== compare la valeur seulement. === compare la valeur et le type.

✅ Bonne pratique : utilisez presque toujours ===.

b) Différent (!= et !==)

console.log(10 != "10");   // false
console.log(10 !== "10");  // true
  

c) Supérieur et inférieur

console.log(18 > 16);   // true
console.log(15 < 10);   // false
console.log(20 >= 18);  // true
console.log(5 <= 3);    // false
  

3) Les opérateurs logiques (raisonner comme un humain)

Les opérateurs logiques permettent de combiner plusieurs conditions. Ils correspondent exactement à notre langage naturel.

a) AND (&&) — ET

Toutes les conditions doivent être vraies.

let age = 20;
let isLoggedIn = true;

if (age >= 18 && isLoggedIn) {
  console.log("Accès autorisé");
}
  

b) OR (||) — OU

Une seule condition vraie suffit.

let isAdmin = false;
let isModerator = true;

if (isAdmin || isModerator) {
  console.log("Accès spécial");
}
  

c) NOT (!) — NON

Inverse la valeur.

let isBlocked = false;

if (!isBlocked) {
  console.log("Utilisateur actif");
}
  

4) if, else if, else : prendre des décisions

La structure if permet d’exécuter un bloc de code uniquement si une condition est vraie.

let age = 17;

if (age >= 18) {
  console.log("Majeur");
} else {
  console.log("Mineur");
}
  

Avec else if, on peut gérer plusieurs cas.

let note = 14;

if (note >= 16) {
  console.log("Très bien");
} else if (note >= 12) {
  console.log("Bien");
} else if (note >= 10) {
  console.log("Passable");
} else {
  console.log("Échec");
}
  

5) Exemples concrets de la vie réelle

Exemple 1 — Vérification de connexion (login)

let username = "admin";
let password = "1234";

if (username === "admin" && password === "1234") {
  console.log("Connexion réussie");
} else {
  console.log("Identifiants incorrects");
}
  

Exemple 2 — Vérification de l’âge

let ageUser = 15;

if (ageUser < 13) {
  console.log("Accès refusé");
} else if (ageUser < 18) {
  console.log("Accès limité");
} else {
  console.log("Accès complet");
}
  

Exemple 3 — Autorisation de paiement

let solde = 300;
let prix = 250;

if (solde >= prix) {
  console.log("Paiement accepté");
} else {
  console.log("Solde insuffisant");
}
  

6) Erreurs fréquentes à éviter

• Utiliser = au lieu de ===
• Oublier les parenthèses dans les conditions
• Confondre texte et nombre
• Écrire des conditions trop complexes sans les découper

👉 Un bon développeur écrit des conditions lisibles avant d’écrire des conditions “courtes”.

Dans la Partie 5, nous verrons les fonctions : comment regrouper cette logique dans des blocs réutilisables pour écrire un code plus propre, plus lisible et plus professionnel.