Count Array Element Eccurrences in JavaScript

Mentre si lavora con array, ci sono alcune situazioni in cui il programmatore deve contare le occorrenze dei particolari elementi in un array. JavaScript offre alcuni metodi integrati per farlo come iterare l'array utilizzando il metodo per loop, per loop, ridotto () o il metodo filtro () con la proprietà di lunghezza.

Questo articolo dimostrerà i metodi per il conteggio di un elemento di insorgenza dell'array in JavaScript.

Count Array Element Eccurrences in JavaScript

Per contare le occorrenze dell'elemento array in JavaScript, utilizzare i metodi di seguito:

• filtro() metodo
• ridurre() metodo
• per Metodo loop

Discutiamo separatamente tutti i metodi menzionati.

Metodo 1: conteggi Element Element Occurrences Using Filter () Metodo

Per contare il verificarsi dell'elemento specifico in un array, il "filtro()"Viene utilizzato il metodo. Ha filtrato gli elementi dell'array forniti che hanno superato il test definito dalla funzione specificata.

Sintassi
La sintassi seguente viene utilizzata per filtro() Metodo per contare gli eventi dell'elemento in un array.

elemento filtrante)

Qui, il "elemento"L'elemento array è attualmente in fase di elaborazione.

Valore di ritorno
Gli elementi che superano il test vengono restituiti in un array. Se nessuno degli elementi soddisfa i criteri, restituisce un array vuoto.

Esempio
Innanzitutto, crea una serie di numeri casuali chiamati "vettore":

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

Nel passaggio successivo, segui queste righe di codice:

funzione elementCount (arr, element)
RITORNO ARR.Filtro ((CurrentElement) => CurrentElement == Element).lunghezza;
;

Nel frammento di codice sopra:

• Innanzitutto, definire una funzione "ElementCount ()"Ci vogliono due parametri, un array e l'elemento cercato.
• Quindi chiama il "filtro()Metodo "con il"lunghezza"Proprietà che filtrerà l'array e contarà le occorrenze dell'elemento cercato.

Chiama la funzione "ElementCount ()"Passando"vettore"Come il primo argomento e il"6"È il secondo argomento che è l'elemento cercato in un array:

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

Produzione

L'output indica che il verificarsi dell'elemento "6"In un array è"2".

Metodo 2: conteggi Element Element Occurrences usando il metodo riduttore ()

IL "ridurre()"Il metodo è un metodo utile che può essere utilizzato per calcolare in modo efficiente il numero di occorrenze di un elemento specifico in un array.

Sintassi
Seguire la sintassi fornita per il metodo di riduzione ():

Ridurre (CurrentValue, ARR)

Nella sintassi sopra:

• IL "valore corrente"È il valore dell'elemento corrente.
• IL "arr"È l'array a cui appartiene l'elemento corrente.

Esempio
Definire una funzione "ElementCount ()"Ci vogliono due parametri, un array e l'elemento cercato, quindi chiama"ridurre()"Metodo che conta le occorrenze dell'elemento cercato:

funzione elementCount (arr, element)
Array di ritorno.Ridurre ((CurrentElement, Arrelement) =>
(Arrelement == Element ? CurrentElement + 1: CurrentElement), 0);
;

Chiama la funzione "ElementCount ()" nel "console.tronco d'albero()"Metodo passando"vettore"Come il primo argomento e il"2"Come il secondo argomento che è l'elemento cercato in un array:

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

Produzione

L'output indica che il verificarsi dell'elemento "3"In un array è"3":

Metodo 3: occorrenze dell'elemento array di conteggio usando per loop

C'è un altro metodo per il conteggio degli eventi dell'elemento array è il "per" ciclo continuo. È uno dei metodi più comuni per iterarsi su un array.

Sintassi
Usa la seguente sintassi per "per" ciclo continuo:

per (var i = 0; i < array.length; i++)
// affermazioni

Esempio
Usa lo stesso array creato nell'esempio precedente, ora crea un array vuoto chiamato "ElementCount":

const elementCount = ;

Nel passaggio successivo, itera l'array sulla lunghezza e conta il verificarsi di ogni elemento usando il "per" ciclo continuo:

per (var i = 0; i < array.length; i++)
var element = array [i];
if (elementCount [element])
ElementCount [Element] += 1;
altro
ElementCount [Element] = 1;

Stampa il conteggio delle occorrenze di tutti gli elementi sulla console usando il "console.tronco d'albero()" metodo:

console.log (elementCount);

Produzione

L'output sopra mostra il conteggio delle occorrenze di ogni elemento di un array.

Per contare il verificarsi dell'elemento specifico, seguire la riga di codice seguente:

console.log (elementCount [6]);

L'output viene visualizzato "2"Che è il conteggio totale del verificarsi dell'elemento"6"In un array:

Contare gli occorrenze dell'elemento ad array utilizzando per loop per

IL "per di"Loop è la forma avanzata di"per" ciclo continuo. È un po 'più semplice e iterali sui valori di un oggetto iterabile. Viene inoltre utilizzato per contare il numero di occorrenze totali di ogni elemento in un array e un elemento specificato.

Sintassi
Segui la sintassi di seguito per il "per di" ciclo continuo:

for (var element of array)
// affermazioni

Esempio
Usa lo stesso array creato nell'esempio precedente, ora dichiara un array vuoto chiamato "ElementCount":

const elementCount = ;

Ora, usa il "per di"Loop per iterare l'array e contare il verificarsi di ogni elemento:

for (var element of array)
if (elementCount [element])
ElementCount [Element] += 1;
altro
ElementCount [Element] = 1;

Stampa il conteggio del verificarsi di ciascun elemento in un array sulla console usando "console.tronco d'albero()" metodo:

console.log (elementCount);

L'output visualizza il conteggio delle occorrenze di ogni elemento di un array:

Per contare il verificarsi dell'elemento specifico, creare una variabile "Conteelement"E negozio"8" dentro:

var coightelement = 8;

Imposta il conteggio su 0:

var elementCount = 0;

Iterare attraverso l'array usando il ciclo for e incrementare il conteggio se il "Conteelement" è presente:

per (arr of Array)
if (arr == countElement)
ElementCount ++;

;

Stampa il conteggio risultante sulla console usando "console.tronco d'albero()" metodo:

console.log (elementCount);

Produzione

Abbiamo compilato i metodi per contare gli eventi dell'elemento in un array in JavaScript.

Conclusione

Per contare le occorrenze degli elementi in un array, usa il "filtro()Metodo "con il"lunghezza" proprietà, "ridurre()" metodo, "per"Loop, o"per di" ciclo continuo. I metodi Filter () e Reduce () vengono utilizzati per contare le occorrenze dell'elemento specifico, mentre il loop e il ciclo for-of vengono utilizzati per entrambi, contando tutti gli eventi degli elementi in un array e le occorrenze dell'elemento specifico in un array. Questo articolo ha dimostrato i metodi per il conteggio di un elemento di insorgenza dell'array in JavaScript.