L’alphabet du code, le système musculaire de JavaScript, des gants pour le cerveau 🧠🧤
Apprendre JavaScript, c’est un peu comme ça :
Tu as appris les variables → tu connais les mots
Tu as appris les fonctions → tu peux former des phrases
Tu as appris les opérateurs → maintenant, tu parles avec du sens
Sans les opérateurs, JavaScript n’est qu’un tas de variables silencieuses.
Puis les opérateurs arrivent et disent :
« Additionne. Compare. Décide. Prends le contrôle. »
Faisons connaissance avec eux, un par un.
Mais pas une présentation ennuyeuse…
🎉 Une version caféinée, pleine d’exemples et de petites blagues.
1️⃣ Les Opérateurs Arithmétiques
« JavaScript n’a pas fui les maths — il a juste créé ses propres règles. »
➕ Opérateur d’Addition (+)
Il a l’air innocent… mais il a une double personnalité 😈
let x = 10;
let y = 5;
console.log(x + y);
🖥️ Résultat :
15
Jusqu’ici, tout va bien.
Mais dès qu’une chaîne de caractères entre en scène, tout change 👇
console.log("10" + 5);
🖥️ Résultat :
105
🧠 Pourquoi ?
JavaScript dit :
« Si l’un de nous est une chaîne, alors NOUS SOMMES TOUS des chaînes. »
📌 Astuce pratique :
Les données saisies par l’utilisateur sont généralement des chaînes.
Convertis-les avec Number() avant d’additionner.
let a = "10";
let b = "5";
console.log(Number(a) + Number(b)); // 15
➖ Opérateur de Soustraction (-)
Ici, JavaScript est plus strict.
console.log(10 - "5");
🖥️ Résultat :
5
🧠 Parce que :
- On ne peut pas soustraire des chaînes
- JavaScript est obligé de les convertir en nombres
Mais si tu vas trop loin, JavaScript abandonne :
console.log(10 - "apple");
🖥️ Résultat :
NaN
❓ Qu’est-ce que NaN ?
« Not a Number »
Autrement dit : « Je ne peux pas calculer ça, désolé. »
✖️ Multiplication (*) et ➗ Division (/)
console.log(6 * 7); // 42
console.log(20 / 4); // 5
Et avec des chaînes ?
console.log("6" * "7"); // 42
😲 JavaScript les convertit encore une fois.
Cette fois-ci, on a de la chance.
➗ Opérateur Modulo (%)
L’opérateur le plus sous-estimé ⭐
console.log(10 % 3);
🖥️ Résultat :
1
📌 Où l’utilise-t-on dans la vraie vie ?
✅ Vérifier si un nombre est pair ou impair
let number = 8;
if (number % 2 === 0) {
console.log("Ce nombre est pair");
} else {
console.log("Ce nombre est impair");
}
✅ Compteurs
✅ Cycles de boucles
✅ Numérotation des pages
2️⃣ Les Opérateurs d’Affectation
« Prends à droite, stocke à gauche. »
🟰 Affectation de Base (=)
let age = 30;
⚠️ Cela ne veut PAS dire « égal ».
C’est une affectation.
« Prends 30 et mets-le dans
age. »
➕= ➖= ✖️= ➗=
Les favoris des développeurs paresseux… mais intelligents 😌
let balance = 100;
balance += 50;
Ça signifie quoi ?
balance = balance + 50;
🧠 Pourquoi les utiliser ?
- Code plus court
- Plus lisible
- Moins d’erreurs
📌 Exemple réel :
let cart = 0;
cart += 1; // produit ajouté
cart += 1;
cart -= 1; // changement d’avis
3️⃣ Les Opérateurs de Comparaison
« Sommes-nous identiques ? Similaires ? Même liés ? »
== vs ===
La différence la plus critique en JavaScript.
console.log(5 == "5");
🖥️
true
Mais…
console.log(5 === "5");
🖥️
false
🧠 Explication :
==→ compare les valeurs===→ compare la valeur + le type
📌 Règle d’or (à encadrer sur ton mur) :
UTILISE TOUJOURS
===EN JAVASCRIPT
Autres Comparaisons
console.log(10 > 3); // true
console.log(10 < 3); // false
console.log(10 >= 10); // true
console.log(10 !== 5); // true
🎯 Tous retournent des valeurs booléennes.
4️⃣ Les Opérateurs Logiques
« C’est ici que le cerveau du code travaille » 🧠
&& (ET)
let age = 22;
let hasTicket = true;
if (age >= 18 && hasTicket) {
console.log("Tu peux entrer au concert 🎸");
}
👉 Les deux doivent être true.
|| (OU)
let hasCard = false;
let hasCash = true;
if (hasCard || hasCash) {
console.log("Paiement possible 💳💵");
}
👉 Un seul suffit.
! (NON)
let isLoggedIn = false;
if (!isLoggedIn) {
console.log("Veuillez vous connecter");
}
🧠 ! = inverseur
false → true
true → false
5️⃣ Incrémentation & Décrémentation
La salle de sport des nombres 🏋️
let counter = 0;
counter++;
counter++;
console.log(counter);
🖥️
2
📌 Indispensable dans les boucles :
for (let i = 0; i < 5; i++) {
console.log(i);
}
6️⃣ L’Opérateur Ternaire
Mini if–else, charisme maximal ✨
let age = 16;
let result = age >= 18 ? "Autorisé" : "Non autorisé";
console.log(result);
🧠 Structure :
condition ? resultatVrai : resultatFaux
📌 Conseil :
- Parfait pour des cas courts et clairs
- Trop imbriqué = lisibilité morte 😄
7️⃣ typeof
L’opérateur “Mais c’est quoi ça ?”
console.log(typeof 42); // number
console.log(typeof "JS"); // string
console.log(typeof true); // boolean
console.log(typeof undefined); // undefined
📌 Un sauveur pendant le debug.
🚀 Le Grand Résumé (Sans Ennui)
Les opérateurs JavaScript sont :
- Le moteur du mouvement
- Le système de décision
- La calculatrice
- Le cerveau logique
🎯 N’avance pas sans avoir appris ça :
+→ te trompe parfois%→ le héros caché===→ sauve des vies&& / ||→ simulation du monde réel
