4.13 Exercice: Compter la valeur Truthy

L'exercice : écrivez une fonction countTruthy(array) qui reçoit un tableau et renvoie le nombre de valeurs truthy qu'il contient. Avant de coder, petit rappel : en JavaScript, une condition if ne reçoit pas forcément un vrai booléen. Si vous passez une chaîne comme 'Toto', une chaîne vide, un nombre ou null, le moteur va interpréter ces valeurs comme truthy ou falsy.

Les valeurs falsy en JavaScript sont : false, 0, '', null, undefined et NaN. Tout le reste — chaînes non vides, nombres non nuls, objets, tableaux — est truthy. Par exemple, countTruthy([1, 2, 3]) retourne 3, mais countTruthy([1, 2, 3, 0, null, undefined, '']) retourne aussi 3 car les quatre dernières valeurs sont falsy.

Correction avec coercition implicite

On déclare un compteur initialisé à 0, on parcourt le tableau avec une boucle for...of, et on incrémente count uniquement quand la valeur est truthy. Voici l'astuce : il suffit de passer la valeur directement à if, JavaScript se charge de la coercition.

function countTruthy(array) {
    let count = 0;
    for (let value of array) {
        if (value)
            count++;
    }
    return count;
}

console.log(countTruthy([1, 2, 3, 0, null, undefined, ''])); // 3

L'erreur classique serait d'écrire if (value !== false && value !== 0 && value !== '' && value !== null ...) en énumérant les cinq valeurs falsy. C'est inefficace, illisible et impossible à maintenir. Faire confiance à la coercition implicite est la bonne pratique. On se retrouve dans la prochaine vidéo.

_ Permettez-moi de vous rafraîchir rapidement la mémoire. Parfois, lorsque nous avons une instruction if, nous pouvons passer un booléen true ou false comme condition ici, par exemple, nous pouvons avoir une constante appelée Active, nous la mettons à true, et quand on utilise cette constante comme condition ici, on obtient ce message Hello sur la console. Parce que c'est un booléen vrai. Mais parfois, ce que nous avons dans notre instruction if n'est pas nécessairement une valeur booléenne, ça peut être une chaîne, un nombre, Le moteur JavaScript essaie donc de convertir cette valeur en quelque chose qui ressemble à un booléen mais qui n'en est pas un. Voici un exemple, disons que j'ai une constante, appelée nom, que j'ai mis dans une chaîne que nous appellerons "Toto". Maintenant, si je passe le nom ici, le nom est évidemment une chaîne de caractères, Ce n'est pas un booléen, le moteur JavaScript essaie donc de l'interpréter comme vrai ou faux, donc quand on exécute ce code, vous pouvez constater que nous voyons toujours le message good morning, car nous avons affaire à une chaîne de caractères. C'est ce qu'on appelle une valeur véridique. Ce n'est pas le booléen true, c'est un truthy. D'un autre côté, En reva,che, si nous avions une chaine vide, le moteur JavaScript l'enregistrerait comme faux. Encore une fois, il ne s'agit pas du booléen de type false. C'est un falsey. Maintenant, quand on exécute ce code, on ne voit plus le message Bonjour. C'est pour les valeurs vraies et fausses. Donc maintenant, votre travail consiste à créer une fonction appelée CountTruthy qui reçoit un tableau et renvoie le nombre de valeurs Truthy dans ce tableau. Voici donc un exemple, si je déclare ce tableau et que je le fixe à 1, 2 et 3, Nous avons donc ici 3 valeurs truthy. Nous appelons countTruthy, passons le tableau et envoyons immédiatement le résultat à la console. log. Enregistrez les modifications et nous obtenons 3 ici. Maintenant, si on ajoute 0 ici, parce que 0 est une valeur falsey,on obtient toujours 3. Si on ajoute un nul, non défini et une chaîne vide, on obtient toujours 3. Si je supprime un de ces nombres, disons 1, on obtient 2. Alors allez-y, faites cet exercice. Et quand vous aurez fini, revenez et continuer à regarder la correction. Alors, pour compter le nombre de valeurs Truthy, je vais délarer une variable appelée count et l'initialiser à 0. Maintenant, nous devons une boucle for of pour itérer ce tableau et pour chaque élement nous devons vérifier si cet élément est unn truthy ou non. Si c'est vrai, vous allez implémenter le comptage. Donc on fait un for let value of array, maintenant si cette valeur est truthy, nous augmentons simplement le nombre et enfin nous retournons ce décompte. Donc, notez ici que je ne compare pas cette valeur avec toutes ces valeurs falsey. En d'autres termes, je n'écris pas de code comme celui-ci donc si la valeur n'est pas fausse, ou si la valeur n'est pas définis, ce n'est pas une facon efficace d'écrire ce code, nous ne noulons pas avoir 5 conditions ici pour chaque valeur fausse, passez simplement cette valeur ici. Maintenant que cette valeur peut-etre booléenne ou non, si ce n'est pas un booléen, le moteur JavaScript essaye de l'interpreter comme truthy ou falsey. Donc si le résultat est truthy, alors le nom sera incrémenté. Voilà pour cette petite démonstration sur les valeurs truthy et falsey, on se retrouve pour une toute prochaine démonstration.

En résumé

Cet exercice enseigne le comptage des valeurs truthy en JavaScript, une notion fondamentale pour manipuler les tableaux. Le concept repose sur la coercition de type : JavaScript convertit automatiquement les valeurs en booléens. Les valeurs falsy (false, 0, null, undefined, chaîne vide) doivent être filtrées pour compter uniquement les éléments vrais du tableau. La solution utilise une boucle for...of avec une simple vérification de condition.

Points clés

• Les valeurs truthy : tous les types de données sauf false, 0, null, undefined et chaîne vide
• La coercition de type : JavaScript convertit automatiquement les valeurs non-booléennes en vrai/faux dans les conditions
• L'implémentation : une boucle for...of, un compteur, et une vérification directe sans comparaisons explicites
• Les pièges à éviter : ne pas comparer avec false/undefined/null, mais laisser JavaScript gérer la coercition
• Application pratique : valider les éléments d'un tableau, filtrer les données, compter les entrées utilisateur valides

Questions fréquentes

Pourquoi une chaîne non vide est-elle truthy alors que 0 est falsy ?

JavaScript classe les valeurs par type : une chaîne avec du contenu est considérée comme truthy (une donnée existe), tandis que 0 représente une absence numérique donc falsy. C'est une convention : tout ce qui existe est vrai, tout ce qui est vide ou néant est faux.

Peut-on compter les valeurs falsy plutôt que truthy ?

Oui, il suffit d'inverser la condition : au lieu de vérifier if (value), utiliser if (!value). Le principe reste identique, seule la logique change.

Pourquoi ne pas écrire if (value !== false && value !== null) ?

Parce que c'est inefficace et sujet aux erreurs. JavaScript gère la coercition automatiquement : passer la valeur directement à la condition laisse le moteur décider, ce qui fonctionne pour tous les types de données sans énumérer les cas falsy.