Come contare determinati elementi in un array in JavaScript

Quando si lavora con array in JavaScript, gli sviluppatori entrano spesso in situazioni in cui devono contare il numero di istanze di un determinato elemento nell'array. Questo elemento potrebbe essere un numero, oggetto, stringa o valore booleano. JavaScript offre alcuni metodi integrati che aiutano i programmatori a eseguire questo compito.

Questo blog dimostrerà i metodi per contare elementi specifici in un array in JavaScript.

Come contare determinati elementi in un array in JavaScript?

Per contare determinati elementi in un array, utilizzare i seguenti metodi:

• Metodo Filtro ()
• Riduci () metodo
• per loop

Metodo 1: conta alcuni elementi in un array usando il metodo Filter ()

Per contare determinati elementi in un array, usa il "filtro()" metodo. Questo metodo itera attraverso ciascun elemento dell'array e filtra elementi che soddisfano la condizione. Dà un nuovo array che contiene elementi filtrati a seconda di una condizione.

Sintassi
Utilizzare la seguente sintassi per l'utilizzo del metodo Filter ():

filtro ((element) => / *… * /)

Esempio
Creiamo una serie di numeri:

Array var = [1, 2, 3, 5, 2, 5, 9, 8, 3, 5, 2, 5];

Memorizza l'elemento in una variabile "elemento"Sarà perquisito in un array:

var element = 5;

Invoca il metodo Filter () e controlla l'esistenza dell'elemento in una funzione di callback:

array = array.filtro (valore => valore == elemento);

Ora, stampa l'array filtrato risultante sulla console:

console.log (array);

L'output fornito visualizza l'array che ha filtrato il numero "5" da un array:

Metodo 2: contare alcuni elementi in un array usando il metodo riduttore ()

Il metodo Filter () fornisce un array di elementi abbinati, non il conteggio esatto dell'elemento specificato. Comunque, il "ridurre()"Il metodo conta un determinato elemento in un array. È il metodo più efficace per trovare il numero di occorrenze/istanze di ciascun elemento/valore in un array. Prende una funzione di callback che itera attraverso ogni elemento e trova il verificarsi dell'elemento specificato.

Sintassi
Per l'utilizzo del metodo di riduzione (), utilizzare la sintassi data:

ridotta ((accumulator, currentValue) => / *… * /)

Esempio
Chiama il metodo di riduzione () su un array e trova le occorrenze totali dell'elemento "5"In un array:

Array var = [1, 2, 3, 5, 2, 5, 9, 8, 3, 5, 2, 5].Ridurre ((conteggio, valore) =>
(valore == 5 ? COUNT + 1: COUNT), 0)

Infine, stampa il conteggio totale dell'elemento "5"In un array usando il"console.tronco d'albero()" metodo:

console.log ("L'elemento '5' in un array si verifica" + array + "tempi");

L'output indica che il conteggio totale dell'elemento "5"In un array è"4":

Metodo 3: conta alcuni elementi in un array utilizzando per loop

Puoi anche usare il tradizionale "per"Loop per contare l'elemento specifico in un array. Permette di ripetere l'iteratura attraverso ogni elemento in un array e confrontandolo con l'elemento particolare che sarà necessario.

Sintassi
Segui la sintassi per utilizzare il loop "per":

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

Esempio
Impostare il conteggio su 0:

var count = 0;

Itera l'array fino alla sua lunghezza e confronta elementi con l'elemento particolare che è "5"Per verificare il numero totale di occorrenze in un array:

per (var i = 0; i < array.length; ++i)
if (array [i] == elemento)
conta ++;

Infine, stampa il conteggio sulla console:

console.registro (conteggio);

Produzione

Abbiamo compilato tutte le istruzioni rilevanti per contare l'elemento specifico in un array.

Conclusione

Per contare alcuni elementi in un array in JavaScript, usa il "filtro()" metodo, "ridurre()Metodo "o il tradizionale"per" ciclo continuo. Il metodo Filter () filtra gli elementi che corrispondono all'elemento specificato, mentre il metodo di riduzione () o il loop fornisce il numero totale di occorrenze del particolare elemento. Questo blog ha dimostrato i metodi per contare elementi specifici in un array in JavaScript.