Booléens en JavaScript
Tu sais déjà découper et chercher dans les chaînes. Un programme a aussi besoin d’un oui ou non clair — le formulaire est-il prêt ? y a-t-il une correspondance ? Ce type de valeur est un booléen : seulement true ou false. Ici on regarde la valeur elle-même ; les if complets viennent plus tard.
Qu’est-ce qu’un booléen en JavaScript ?
Un booléen est une valeur oui/non. Les deux mots-clés sont true et false — sans guillemets. typeof true vaut "boolean". Tu peux stocker un drapeau (let ready = true), obtenir un booléen d’une comparaison (age >= 18), ou convertir avec Boolean(value). Les chaînes comme "true" restent du texte, pas des booléens. Une courte liste falsy (valeurs qui deviennent false à la conversion) évite les surprises avec 0, "", null et undefined.
Boîte à outils booléenne
📊 Idées booléennes du quotidien pour démarrer
| Idée | Exemple | Résultat / note |
|---|---|---|
| Oui littéral | true |
mot-clé, pas une chaîne |
| Non littéral | false |
mot-clé, pas une chaîne |
typeof |
typeof false |
"boolean" |
| Comparaison | 5 > 3 |
true |
| Conversion | Boolean(0) |
false (zéro souvent falsy) |
| Convertir du texte | Boolean("hi") |
true (chaîne non vide) |
Écrire true et false
Utilise les mots-clés true et false. Affiche la valeur et typeof pour voir l’étiquette "boolean".
let ready = true;
let done = false;
console.log(ready);
console.log(done);
console.log(typeof ready);
console.log(typeof done);
Les comparaisons renvoient un booléen
Des opérateurs comme >, <, >=, <=, === et !== répondent par true ou false. Tu n’inventes pas le booléen à la main à chaque fois — la comparaison le produit.
console.log(10 > 5);
console.log(2 === 2);
console.log(2 === "2");
console.log(7 < 3);
Convertir avec Boolean()
Boolean(value) transforme une autre valeur en true ou false. Les valeurs « vides » deviennent souvent false ; beaucoup de valeurs courantes deviennent true.
console.log(Boolean(1));
console.log(Boolean(0));
console.log(Boolean("hello"));
console.log(Boolean(""));
Courte carte falsy
Ceux-ci deviennent false avec Boolean() (ou plus tard dans une condition) : false, 0, "", null, undefined et NaN. Presque tout le reste que teste un débutant est truthy — y compris "0" et "false" comme chaînes non vides.
console.log(Boolean(false));
console.log(Boolean(0));
console.log(Boolean(""));
console.log(Boolean(null));
console.log(Boolean(undefined));
Valeurs truthy qui surprennent les débutants
Les chaînes non vides sont truthy — même "0" et "false". Le nombre 1 l’est aussi. Affiche-les pour ancrer le contraste avec falsy.
console.log(Boolean("0"));
console.log(Boolean("false"));
console.log(Boolean(1));
console.log(Boolean(" "));
Afficher un drapeau oui/non sur la page
Stocke un booléen puis écris-le sur la page avec textContent.
<!DOCTYPE html>
<html>
<head>
<title>Booleans — ready flag</title>
</head>
<body>
<p id="out">…</p>
<script>
let ready = true;
document.getElementById("out").textContent = "ready = " + ready;
</script>
</body>
</html>
Le paragraphe montre le booléen (ready = true ou ready = false). Change seulement ready, recharge et vérifie le texte. Plus tard, ce drapeau servira dans un if complet.
À toi de jouer
- Crée
let on = trueetlet off = false; affiche les deux valeurs et les deuxtypeof. - Affiche
8 >= 8,3 !== 4et1 === "1"; prédits avant d’exécuter. - Appelle
Booleansur1,0,"ok"et""; note lesquels sonttrue. - Affiche
Boolean("0")etBoolean(0)— la chaîne est truthy, le zéro numérique falsy. - Dans la démo HTML, mets
readyàfalse, recharge et lis la ligne. - Change le libellé avant
+ ready; garde la même logique booléenne.
Erreurs fréquentes
- Écrire
"true"ou"false"avec des guillemets — ce sont des chaînes, pas des booléens - Utiliser
True/Falseavec majuscule — en JavaScript c’esttrue/falseen minuscules - Croire que
1et0sont le type booléen — ce sont des nombres ; la conversion peut les mapper, maistypeof 1vaut"number" - Oublier que la comparaison renvoie déjà un booléen — on stocke souvent le résultat :
let ok = score >= 10 - Traiter la chaîne non vide
"false"comme falsy —Boolean("false")vauttrue
Résumé
- Un booléen n’est que
trueoufalse(mots-clés, sans guillemets) typeofindique"boolean"; les comparaisons comme===et>renvoient un booléenBoolean(value)convertit ; retiens les falsy courants :0,"",null,undefined,false,NaN- Les chaînes
"true"/"false"sont du texte — pas le type booléen - Ensuite :
nulletundefined— deux idées de « vide » qui ne sont pas des booléens
🧠 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