Compter les événements des éléments du tableau en javascript

Tout en travaillant avec des tableaux, il y a des situations où le programmeur doit compter les occurrences des éléments particuliers dans un tableau. JavaScript propose des méthodes intégrées pour ce faire, comme itérer le tableau à l'aide de Loop, For-Of Loop, Reduce () Méthode ou la méthode Filter () avec la propriété Longueur.

Cet article démontrera les méthodes de comptage d'une occurrence d'élément du tableau en javascript.

Compter les événements des éléments du tableau en javascript

Pour compter les occurrences des éléments de tableau en JavaScript, utilisez les méthodes divisées:

• filtre() méthode
• réduire() méthode
• pour Méthode de boucle

Discutons séparément de toutes les méthodes mentionnées.

Méthode 1: Comptez les événements des éléments du tableau à l'aide de Filter () Méthode

Pour compter la survenue de l'élément spécifique dans un tableau, le «filtre()"La méthode est utilisée. Il a filtré les éléments du tableau donné qui ont réussi le test défini par la fonction spécifiée.

Syntaxe
La syntaxe suivante est utilisée pour le filtre() Méthode pour compter les événements des éléments dans un tableau.

Element de filtre)

Ici le "élément"L'élément de tableau est-il actuellement traité.

Valeur de retour
Les éléments qui passent le test sont retournés dans un tableau. Si aucun des éléments ne répond aux critères, il renvoie un tableau vide.

Exemple
Tout d'abord, créez un tableau de nombres aléatoires nommés «déployer»:

Var Array = [2, 4, 6, 4, 17, 2, 6, 17, 4, 16, 8, 2, 4, 8];

Dans l'étape suivante, suivez ces lignes de code:

fonction élémentCount (arr, élément)
retourr arr.filtre ((currentElement) => currentElement == élément).longueur;
;

Dans l'extrait de code ci-dessus:

• Tout d'abord, définissez une fonction "elementCount ()«Cela prend deux paramètres, un tableau et l'élément fouillé.
• Puis appelle le «filtre()«Méthode avec le«longueur»Propriété qui filtrera le tableau et comptera les occurrences de l'élément fouillé.

Appelez la fonction "elementCount ()"En passant"déployer«Comme premier argument, et le«6«Est le deuxième argument qui est l'élément fouillé dans un tableau:

console.log (elementCount (array, 6));

Sortir

La sortie indique que l'occurrence d'élément «6"Dans un tableau est"2".

Méthode 2: Comptez les occurrences des éléments du tableau à l'aide de la méthode Reduce ()

Le "réduire()«La méthode est une méthode utile qui peut être utilisée pour calculer efficacement le nombre d'occurrences d'un élément spécifique dans un tableau.

Syntaxe
Suivez la syntaxe fournie pour la méthode Reduce ():

Réduire (CurrentValue, ARR)

Dans la syntaxe ci-dessus:

• Le "valeur actuelle"Est la valeur de l'élément actuel.
• Le "art«Le tableau est-il auquel appartient l'élément actuel.

Exemple
Définir une fonction "elementCount ()«Cela prend deux paramètres, un tableau et l'élément fouillé, puis appelle le«réduire()”Méthode qui comptera les occurrences de l'élément recherché:

fonction élémentCount (arr, élément)
retour de retour.Réduire ((CurrentElement, Arrelement) =>
(élément d'arrementation == ? CurrentElement + 1: CurrentElement), 0);
;

Appelez la fonction "elementCount ()" dans le "console.enregistrer()"Méthode en passant"déployer"Comme premier argument et le"2«Comme deuxième argument qui est l'élément fouillé dans un tableau:

console.log (elementCount (array, 2));

Sortir

La sortie indique que l'occurrence d'élément «3"Dans un tableau est"3»:

Méthode 3: Comptez les événements des éléments du tableau Utilisation pour la boucle

Il existe une autre méthode pour compter les occurrences des éléments du tableau est le «pour" boucle. C'est l'une des méthodes les plus courantes pour itération sur un tableau.

Syntaxe
Utilisez la syntaxe suivante pour le «pour" boucle:

pour (var i = 0; i < array.length; i++)
// déclarations

Exemple
Utilisez le même tableau créé dans l'exemple précédent, créez maintenant un tableau vide nommé «elementCount»:

const elementCount = ;

Dans l'étape suivante, itérez le tableau sur la longueur et comptez la survenue de chaque élément en utilisant le «pour" boucle:

pour (var i = 0; i < array.length; i++)
var element = array [i];
if (elementCount [élément])
elementCount [élément] + = 1;
autre
elementCount [élément] = 1;

Imprimez le décompte des occurrences de tous les éléments de la console en utilisant le «console.enregistrer()" méthode:

console.log (elementCount);

Sortir

La sortie ci-dessus montre le nombre des occurrences de chaque élément d'un tableau.

Pour compter l'occurrence de l'élément spécifique, suivez la ligne de code ci-dessous:

console.log (elementCount [6]);

La sortie s'affiche «2"Qui est le nombre total de la survenue de l'élément"6"Dans un tableau:

Compter les événements des éléments du tableau en utilisant pour la boucle pour la boucle

Le "pour”Loop est la forme avancée du«pour" boucle. C'est un peu plus facile, et il itère sur les valeurs d'un objet itérable. Il est également utilisé pour compter le nombre d'occurrences totales de chaque élément dans un tableau et un élément spécifié.

Syntaxe
Suivez la syntaxe ci-dessous pour le «pour" boucle:

pour (élément var du tableau)
// déclarations

Exemple
Utilisez le même tableau créé dans l'exemple précédent, déclarez maintenant un tableau vide nommé «elementCount»:

const elementCount = ;

Maintenant, utilisez le «pour”Boucle pour itérer le tableau et compter l'occurrence de chaque élément:

pour (élément var du tableau)
if (elementCount [élément])
elementCount [élément] + = 1;
autre
elementCount [élément] = 1;

Imprimez le décompte de l'occurrence de chaque élément dans un tableau sur la console en utilisant le «console.enregistrer()" méthode:

console.log (elementCount);

La sortie affiche le nombre des occurrences de chaque élément d'un tableau:

Pour compter l'occurrence de l'élément spécifique, créez une variable "réalisation"Et stockez"8"Dedans:

var comtelement = 8;

Réglez le nombre sur 0:

var elementCount = 0;

Itérer dans le tableau en utilisant la boucle pour le pour-OF et incrément le nombre si le «réalisation" est présent:

pour (arr à l'arraie)
if (arr == COMPELlement)
elementCount ++;

;

Imprimez le décompte qui en résulte sur la console en utilisant le «console.enregistrer()" méthode:

console.log (elementCount);

Sortir

Nous avons compilé les méthodes pour compter les occurrences d'élément dans un tableau en javascript.

Conclusion

Pour compter les occurrences des éléments dans un tableau, utilisez le «filtre()«Méthode avec le«longueur" propriété, "réduire()" méthode, "pour”Boucle, ou le"pour" boucle. Les méthodes filtrantes () et réduits () sont utilisées pour compter les occurrences de l'élément spécifique, tandis que la boucle FOR et la boucle pour les deux pour les deux, comptant toutes les occurrences des éléments dans un tableau et les occurrences de l'élément spécifique dans un tableau. Cet article a démontré les méthodes de comptage d'une occurrence d'élément du tableau en javascript.