Metodi di iterazione dell'array in JavaScript spiegati con esempi

JavaScript offre alcuni metodi di iterazione integrati che funzionano su ciascun elemento di array. I metodi di iterazione più frequentemente utilizzati sono foreach (), filtro (), map (), ridotto (), riduttore (), ogni (), alcuni () e find (). In questo articolo discuteremo individualmente del funzionamento di ciascun metodo.

Metodo javascript foreach ()

In JavaScript, il metodo foreach () chiama la funzione data, per ogni singolo elemento presente in un array. Il metodo Foreach richiede tre parametri, uno per il valore dell'elemento corrente, il secondo parametro per l'indice dell'elemento corrente e quello finale è per l'array su cui il metodo foreach () deve funzionare.

Considera il codice di seguito per capire come funziona il metodo foreach ():

const empNames = ["John", "Seth", "Danial", "Joe", "Micheal"];
Empnames.foreach (printNames =>
console.log ("Nome dipendente:", printnames);
);

Nel codice di cui sopra, c'è un array di cinque elementi e il metodo foreach () viene utilizzato con l'array per stampare il nome di ciascun dipendente sulla console del browser:

Di conseguenza, il metodo foreach () stamperà ogni elemento sulla console:

Metodo JavaScript Filter ()

JavaScript offre un altro metodo iterativo chiamato filtro() Ciò prende una condizione come parametro e restituisce una nuova serie di solo quegli elementi che soddisfano la condizione specificata:

Per comprendere meglio il metodo del filtro in JavaScript, prendiamo un esempio in cui vogliamo una serie filtrata di dipendenti il ​​cui nome inizia con "J":

const empNames = ["John", "Seth", "Danial", "Joe", "Micheal"];
const filterednames = empnames.filtro (stringinex =>
return StringIndex [0] === "J";
);
console.log ("Nome dipendente:", filtredNames);

In questo esempio, abbiamo passato una condizione al metodo Filter () per controllare la prima lettera di ciascun elemento e restituire un elenco di elementi il ​​cui primo elemento è uguale a "J".

L'output visualizzerà il nome dei dipendenti che inizia con "J":

Metodo javascript map ()

Il metodo JavaScript Map () esegue alcune funzionalità tramite l'array originale e produce un nuovo array senza influire sull'array originale. Considera un esempio per aggiungere il nome "Wilson" con il nome di ogni dipendente:

const empNames = ["John", "Seth", "Danial", "Joe", "Micheal"];
const newNames = empNames.mappa (addName =>
restituire addName + "Wilson";
);
console.log ("Nuovi nomi dei dipendenti:", newnames);

Restituiamo un nome aggiuntivo "Wilson" con valore, quindi aggiungerà questo nome ad ogni elemento dell'array "empname":

L'output del metodo MAP () verificherà che iterali ogni elemento dell'array "empnames" ed esegui la stessa funzionalità sull'intero array:

Metodo JavaScript ()

Il metodo di riduzione () è un metodo di iterazione dell'array disponibile in JavaScript che riduce l'intero array a un valore.

const empNames = ["John", "Seth", "Danial", "Joe", "Micheal"];
const newNames = empNames.ridotta ((name1, name2) =>
return name1 + "" + name2;
);
console.log ("Nome ridotto:", newnames);

Nell'esempio sopra, abbiamo un array con cinque nomi, usando il metodo riduttore () riduciamo l'intero array a un nome, abbiamo passato due parametri al metodo di riduzione "name1" e "name2" e applicheremo alcuni processi su loro e li restituiranno indietro:

L'output del codice sopra sarà un unico valore:

Il metodo di riduzione () può essere applicato su qualsiasi tipo di dati come stringhe, numeri e array. Per impostazione predefinita, il metodo di riduzione () funziona da sinistra a destra, mentre al contrario nei casi in cui vogliamo eseguire funzionalità da destra a sinistra possiamo utilizzare il metodo Redursight ().

Javascript ogni metodo ()

Il metodo () è un altro metodo di iterazione dell'array in JavaScript, prende una condizione e la testa con ogni elemento di array, di conseguenza, restituisce vero o falso.

Per capire come ogni metodo () funziona in JavaScript considera il seguente codice:

const empNames = ["John", "Seth", "Danial", "Joe", "Micheal"];
const Everyname = empNames.ogni (checkName =>
restituire checkname [0] === "J";
);
console.log ("Tutti i nomi iniziano con J:", EveryName);

In questo esempio, utilizziamo ogni metodo () per verificare se tutti gli elementi dell'array iniziano con J o no:

Il metodo ogni () tornerà falso Perché tutti i nomi nell'array non iniziano con la lettera "J". L'output sarebbe VERO Se tutti i nomi nell'array sono stati avviati con "J":

Metodo JavaScript Some ()

Javascript Alcuni () metodo controlla se alcuni elementi dell'array soddisfano la condizione data e restituiscono il risultato vero o falso:

const empNames = ["John", "Seth", "Danial", "Joe", "Micheal"];
const Everyname = empNames.Some (checkName =>
restituire checkname [0] === "J";
);
console.log ("Alcuni nomi iniziano con J:", EveryName);

In questo esempio alcuni metodi () verifica che parte del nome del dipendente inizia con J o no:

Nell'output, restituirà vero perché ci sono alcuni dipendenti i cui nomi iniziano con "J":

Metodo JavaScript Find ()

JavaScript offre un altro utile metodo iterativo che restituisce solo il primo valore che soddisfa la condizione specificata. Se più di un valore soddisfa la condizione, invece di restituire tutti quei valori, il metodo find () restituirà solo il primo valore. Capiamolo con un esempio:

const empNames = ["John", "Seth", "Danial", "John", "Micheal"];
const isfoundName = foundName =>
return ["Micheal", "Seth"].Include (FoundName);

const result = empNames.trova (isfoundname);
console.log ("Nome dipendente:", risultato);

In questo esempio, vogliamo trovare i dipendenti i cui nomi sono "Micheal" o "Seth":

Qui il metodo Find () cercherà questi nomi nell'array e stamperà il nome che viene prima nell'array:

Conclusione:

I metodi di iterazione dell'array sono metodi JavaScript integrati che attraversano l'intero array e funzionano su ogni voce dell'array. In questo articolo, abbiamo considerato alcuni metodi di iterazione dell'array essenziali e li abbiamo implementati in JavaScript in cui abbiamo imparato come funzionano questi metodi.