I denna handledning lär du dig mer om JavaScript forEach () -metoden med hjälp av exempel.
Den forEach()
metod anropar en funktion och itererar över elementen i en array. Den forEach()
Metoden kan också användas på Maps och uppsättningar.
JavaScript för varje
Syntaxen för forEach()
metoden är:
array.forEach(function(currentValue, index, arr))
Här,
- function (currentValue, index, arr) - en funktion som ska köras för varje element i en array
- currentValue - värdet för en matris
- index (valfritt) - indexet för det aktuella elementet
arr (valfritt) - matrisen för de aktuella elementen
för var och en med arrays
Den forEach()
metod som används för att iterera över en array. Till exempel,
let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item) ( console.log(item); )
Produktion
John Sara Jack
I programmet ovan forEach()
tar metoden myFunction()
funktion som visar varje element i en studentgrupp.
Uppdatering av Array Elements
Som vi har sett i exemplet ovan används forEach()
metoden för att itera över en array, det är ganska enkelt att uppdatera arrayelementen. Till exempel,
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);
Produktion
("Hello John", "Hello Sara", "Hello Jack")
för Varje med pilfunktion
Du kan använda pilfunktionen med forEach()
metoden för att skriva ett program. Till exempel,
// with arrow function and callback const students = ('John', 'Sara', 'Jack'); students.forEach(element => ( console.log(element); ));
Produktion
John Sara Jack
för loop till forEach ()
Här är ett exempel på hur vi kan skriva ett program med for
loop och with forEach()
.
Använda för 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);
Produktion
("artikel1", "artikel2", "artikel3")
Använda forEach ()
const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using forEach arrayItems.forEach(function(item)( copyItems.push(item); )) console.log(copyItems);
för … av med uppsättningar
Du kan iterera genom Set-elementen med forEach()
metoden. Till exempel,
// define Set const set = new Set((1, 2, 3)); // looping through Set set.forEach(myFunction); function myFunction(item) ( console.log(item); )
Produktion
1 2 3
för var och en med kartor
Du kan itera igenom kartelementen med forEach()
metoden. Till exempel,
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); )
Produktion
namn- Jack ålder- 27