Opérateurs JavaScript
Vous savez déjà comment les valeurs se comportent dans une condition — truthy et falsy. L’étape suivante : lire les symboles qui agissent sur les valeurs : calculer, stocker, comparer ou combiner des oui/non. Ce sont les opérateurs. Cette leçon est une carte des familles, pas un plongée dans chaque symbole. Les leçons suivantes détaillent arithmétique, affectation, comparaison et logique une par une.
Qu’est-ce qu’un opérateur en JavaScript ?
Un opérateur est un symbole (ou un mot court) qui dit à JavaScript de faire quelque chose avec une ou plusieurs valeurs. Ces valeurs s’appellent des opérandes. Dans 3 + 4, + est l’opérateur, 3 et 4 sont les opérandes. Vous verrez des opérateurs presque partout — apprenez d’abord les noms de famille pour que les symboles ne paraissent pas au hasard.
Familles d’opérateurs (carte débutant)
📊 Familles d’opérateurs pour démarre
| Famille | Rôle en une ligne | Exemples bientôt visibles |
|---|---|---|
| Arithmétique | calculer avec des nombres | + - * / % |
| Affectation | ranger une valeur dans une variable | = += |
| Comparaison | poser une question oui/non sur des valeurs | === !== > < |
| Logique | combiner ou inverser des résultats oui/non | && · OR · ! |
Gardez ce tableau sous la main. Nouveau symbole ? Demandez : quelle famille ? C’est plus utile qu’une énorme liste à mémoriser dès le premier jour.
Aperçu arithmétique
Les opérateurs arithmétiques travaillent surtout avec des nombres et renvoient une nouvelle valeur. % est le reste de la division — utile plus tard pour les motifs « tous les N ».
console.log(10 + 3);
console.log(10 - 3);
console.log(10 * 3);
console.log(10 / 3);
console.log(10 % 3);
La leçon arithmétique complète vient ensuite. Ici, il suffit de reconnaître la famille et de lire une courte expression.
L’affectation stocke une valeu
= ne veut pas dire « égal » comme en maths. Il affecte : met la valeur de droite dans la variable de gauche.
let score = 0;
score = 10;
console.log(score);
let label = "hi";
label = label + "!";
console.log(label);
Des raccourcis comme += appartiennent à la même famille ; vous les pratiquerez dans la leçon d’affectation.
La comparaison pose une question
Les opérateurs de comparaison renvoient un boolean : true ou false. Pour débuter, préférez === (égalité stricte) — vérifie valeur et type. La leçon profonde de comparaison vient plus tard.
console.log(5 === 5);
console.log(5 === "5");
console.log(7 > 3);
console.log(2 !== 9);
5 === "5" vaut false car nombre et chaîne sont des types différents. C’est une caractéristique de l’égalité stricte, pas un bug.
La logique combine oui/non
Les opérateurs logiques travaillent avec des résultats de type booléen. && exige les deux côtés truthy. || en exige au moins un. ! inverse truthy/falsy. Vous connaissez déjà l’idée ; ici vous reliez plusieurs tests.
console.log(true && true);
console.log(true && false);
console.log(false || true);
console.log(!false);
let age = 20;
console.log(age >= 18 && age < 65);
Attention au + : addition ou collage ?
Deux nombres avec + → souvent addition. Si un côté est une chaîne, + colle souvent (concaténation). Vu en conversion de type — cela figure aussi sur la carte des opérateurs.
console.log(2 + 3);
console.log("2" + 3);
console.log(2 + "3");
console.log("Hi" + " " + "Sam");
Afficher une expression sur la page
Une courte expression peut décider le texte du visiteur. Changez les nombres ou la comparaison, puis rechargez.
<!DOCTYPE html>
<html>
<head>
<title>Operators — page demo</title>
</head>
<body>
<p id="out">…</p>
<script>
let a = 8;
let b = 5;
let sum = a + b;
let ok = sum >= 10;
let box = document.getElementById("out");
box.textContent = "sum=" + sum + " · ok=" + ok;
</script>
</body>
</html>
Ici arithmétique (+), comparaison (>=) et collage de chaînes (+ avec du texte) travaillent ensemble. Ce mélange est courant sur les vraies pages.
À vous de joue
- Affichez
15 + 4,15 - 4,15 * 4,15 / 4et15 % 4. - Écrivez
let n = 1, puisn = n + 2, puis affichezn. - Affichez
10 === 10et10 === "10". - Affichez
true && falseettrue || false. - Comparez
"7" + 1et7 + 1. - Dans la démo HTML, changez
aoubpour queoksoitfalse, puis rechargez.
Erreurs fréquentes
- Lire
=comme « égal » — il stocke ; pour comparer utilisez=== - Croire que
+additionne toujours — avec une chaîne, il colle souvent - Mémoriser tous les symboles avant les quatre noms de famille
- Mélanger comparaison (
===) et logique (&&) — rôles différents - Sauter la carte et passer trop tôt aux opérateurs avancés
Résumé
- Un opérateur agit sur des valeurs (opérandes)
- Familles de départ : arithmétique, affectation, comparaison, logique
=stocke ;===compare ;&&/||/!combinent oui/non+peut additionner des nombres ou coller des chaînes- Suite : arithmétique — regard plus profond sur
+-*/%
🧠 Testez Vos Connaissances
Testez Vos Connaissances
Mettez-vous au défi avec ce quiz interactif et voyez à quel point vous comprenez le sujet
📝 Instructions
- Lisez chaque question attentivement
- Sélectionnez la meilleure réponse pour chaque question
- Vous pouvez refaire le quiz autant de fois que vous le souhaitez
- Votre progression sera affichée en haut