Opérateurs et calculs
Les opérateurs arithmétiques
JavaScript calcule comme une calculatrice. Les opérateurs arithmétiques fonctionnent comme en maths.
console.log(10 + 3); // 13 — addition
console.log(10 - 3); // 7 — soustraction
console.log(10 * 3); // 30 — multiplication
console.log(10 / 3); // 3.333... — division
console.log(10 % 3); // 1 — modulo (reste de la division)
console.log(2 ** 10); // 1024 — puissance (2 à la puissance 10)Le modulo (%) donne le reste d'une division. 10 % 3 donne 1 parce que 10 = 3×3 + 1. Sert à savoir si un nombre est pair ou impair.
Raccourcis pratiques
Ces raccourcis modifient directement la valeur d'une variable. Très utiles avec des compteurs.
let compteur = 10;
compteur += 5; // équivaut à : compteur = compteur + 5 → 15
compteur -= 3; // équivaut à : compteur = compteur - 3 → 12
compteur *= 2; // équivaut à : compteur = compteur * 2 → 24
compteur /= 4; // équivaut à : compteur = compteur / 4 → 6
// Cas très courants : incrémenter ou décrémenter de 1
compteur++; // équivaut à : compteur = compteur + 1 → 7
compteur--; // équivaut à : compteur = compteur - 1 → 6
console.log(compteur); // 6La concaténation — assembler du texte
Le + ne sert pas qu'à additionner. Il sert aussi à assembler des textes — c'est la concaténation.
const prenom = "Alice";
const nom = "Dupont";
// Concaténation avec +
console.log(prenom + " " + nom); // Alice Dupont
// Même résultat avec un template literal (plus lisible)
console.log(`${prenom} ${nom}`); // Alice DupontPiège classique ! Quand on additionne un nombre et un texte, JavaScript colle les deux ensemble :
console.log(10 + "5"); // "105" — pas 15 ! console.log(10 - "5"); // 5 — ici ça marche (JS convertit "5" en nombre)
Pour éviter ce piège, utilise les template literals ou convertis avec Number("5").
Les opérateurs de comparaison
Les opérateurs de comparaison comparent deux valeurs. Ils retournent toujours true ou false. Essentiels pour les conditions de la leçon suivante.
console.log(5 == 5); // true — égal (valeur seulement)
console.log(5 === 5); // true — strictement égal (valeur ET type)
console.log(5 !== 3); // true — différent (strictement)
console.log(5 > 3); // true — plus grand
console.log(5 < 3); // false — plus petit
console.log(5 >= 5); // true — plus grand ou égal
console.log(5 <= 3); // false — plus petit ou égal== vs === : == compare les valeurs et peut faire des conversions surprenantes (5 == "5" → true). === compare la valeur et le type (5 === "5" → false). Utilise toujours === — c'est plus sûr.
Les opérateurs logiques
Les opérateurs logiques combinent plusieurs conditions. Il y en a trois :
const aCompte = true;
const aPayé = false;
// && — ET : les deux conditions doivent être vraies
console.log(aCompte && aPayé); // false (aPayé est false)
console.log(aCompte && true); // true
// || — OU : au moins une condition doit être vraie
console.log(aCompte || aPayé); // true (aCompte est true)
console.log(false || aPayé); // false (les deux sont false)
// ! — NON : inverse le booléen
console.log(!aCompte); // false (inverse de true)
console.log(!aPayé); // true (inverse de false)Pour retenir :
&&(ET) : les deux doivent être vrais. Exemple : "il faut un ticket ET une carte d'identité"||(OU) : au moins un vrai suffit. Exemple : "carte OU chèque"!(NON) : inverse. Exemple : "tu n'es PAS connecté"
Essaie dans le playground
- Arithmétique :
+-*/%(modulo)**(puissance) - Raccourcis :
+=-=*=/=++-- - Comparaison :
===!==><>=<= - Toujours utiliser
===(pas==) pour comparer - Logique :
&&(ET),||(OU),!(NON) - Les comparaisons retournent toujours
trueoufalse