JavaScript forEach ()

Innholdsfortegnelse

JavaScript for hver
for hver med arrays
Oppdaterer Array Elements
forEach med pilfunksjon
for loop to forEach ()
for ... av med sett
forEach med Maps

I denne veiledningen vil du lære om JavaScript forEach () -metoden ved hjelp av eksempler.

Den forEach()metodekall en funksjon og itererer over elementene i en matrise. Den forEach()metoden kan også brukes på Maps og sett.

JavaScript for hver

Syntaksen til forEach()metoden er:

 array.forEach(function(currentValue, index, arr))

Her,

function (currentValue, index, arr) - en funksjon som skal kjøres for hvert element i en matrise
currentValue - verdien til en matrise
indeks (valgfritt) - indeksen til gjeldende element

arr (valgfritt) - matrisen til gjeldende elementer

for hver med arrays

Den forEach()metoden brukes til å iterere over en matrise. For eksempel,

 let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item) ( console.log(item); )

Produksjon

 John Sara Jack

I programmet ovenfor forEach()tar metoden myFunction()funksjon som viser hvert element i en studentgruppe.

Oppdaterer Array Elements

Som vi har sett i eksemplet ovenfor, brukes forEach()metoden til å itere over en matrise, det er ganske enkelt å oppdatere matriseelementene. For eksempel,

 let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item, index, arr) ( // adding strings to the array elements arr(index) = 'Hello ' + item; ) console.log(students);

Produksjon

 ("Hello John", "Hello Sara", "Hello Jack")

forEach med pilfunksjon

Du kan bruke pilfunksjonen med forEach()metoden til å skrive et program. For eksempel,

 // with arrow function and callback const students = ('John', 'Sara', 'Jack'); students.forEach(element => ( console.log(element); ));

Produksjon

 John Sara Jack

for loop to forEach ()

Her er et eksempel på hvordan vi kan skrive et program med forloop og with forEach().

Bruker for loop

 const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using for loop for (let i = 0; i < arrayItems.length; i++) ( copyItems.push(arrayItems(i)); ) console.log(copyItems);

Produksjon

 ("item1", "item2", "item3")

Bruke forEach ()

 const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using forEach arrayItems.forEach(function(item)( copyItems.push(item); )) console.log(copyItems);

for … av med sett

Du kan gjenta gjennom Set-elementene ved hjelp av forEach()metoden. For eksempel,

 // define Set const set = new Set((1, 2, 3)); // looping through Set set.forEach(myFunction); function myFunction(item) ( console.log(item); )

Produksjon

 1 2 3

forEach med Maps

Du kan gjenta gjennom kartelementene ved hjelp av forEach()metoden. For eksempel,

 let map = new Map(); // inserting elements map.set('name', 'Jack'); map.set('age', '27'); // looping through Map map.forEach (myFunction); function myFunction(value, key) ( console.log(key + '- ' + value); )

Produksjon