Maison > interface Web > js tutoriel > Comment compter les éléments en double dans un tableau JavaScript ?

Comment compter les éléments en double dans un tableau JavaScript ?

Mary-Kate Olsen
Libérer: 2024-11-28 15:44:11
original
948 Les gens l'ont consulté

How to Count Duplicate Elements in a JavaScript Array?

Comptage des éléments en double dans un tableau en JavaScript

En JavaScript, vous pouvez rencontrer des situations dans lesquelles vous devez déterminer le nombre d'occurrences d'éléments en double dans un tableau. Ceci est particulièrement utile pour les tâches telles que le nettoyage, l'analyse et le filtrage des données.

Supposons que vous disposiez d'un tableau appelé uniqueCount avec les valeurs [a,b,c,d,d,e,a,b,c, f,g,h,h,h,e,a]. Votre objectif est de compter le nombre d'occurrences pour chaque valeur unique dans le tableau.

Pour y parvenir, vous pouvez exploiter l'extrait de code suivant :

const counts = {};
const sampleArray = ['a', 'a', 'b', 'c'];
sampleArray.forEach(function (x) { counts[x] = (counts[x] || 0) + 1; });
console.log(counts);
Copier après la connexion

Ce code parcourt le tableau en utilisant la méthode forEach. Pour chaque élément x, il vérifie si l'objet counts a une clé pour cet élément. Sinon, il crée une clé avec une valeur de 0.

Les comptes[x] || La syntaxe 0 garantit que la valeur associée à l'élément est initialisée à 0 si elle n'existe pas, évitant ainsi les erreurs potentielles.

L'opérateur d'incrémentation (counts[x] || 0) 1 ajoute 1 au nombre pour l'élément respectif.

Une fois la boucle terminée, l'objet counts contient le nombre de chaque élément unique dans le tableau d'origine. Le décompte des journaux de console affichera le résultat :

{ a: 3, b: 1, c: 2, d: 2, e: 2, f: 1, g: 1, h: 3 }
Copier après la connexion

Dans cet exemple, le tableau contient trois instances de « a », une instance de « b », deux instances de « c », deux instances de « d ', deux instances de 'e', ​​une instance de 'f', une instance de 'g' et trois instances de 'h'.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal