I denne vejledning lærer du om JavaScript forEach () -metoden ved hjælp af eksempler.
Den forEach()
metode kalder en funktion og itererer over elementerne i et array. Den forEach()
metode kan også bruges på Maps og sæt.
JavaScript til hver
Metodens syntaks forEach()
er:
array.forEach(function(currentValue, index, arr))
Her,
- function (currentValue, index, arr) - en funktion, der skal køres for hvert element i en matrix
- currentValue - værdien af en matrix
- indeks (valgfrit) - indekset for det aktuelle element
arr (valgfri) - matrixen med de aktuelle elementer
for hver med arrays
Den forEach()
metode, der anvendes til gentage over et array. For eksempel,
let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item) ( console.log(item); )
Produktion
John Sara Jack
I ovenstående program forEach()
tager metoden myFunction()
funktion, der viser hvert element i en studerendes array.
Opdatering af Array Elements
Som vi har set i eksemplet ovenfor, forEach()
bruges metoden til at gentage over en matrix, det er ret simpelt at opdatere matrixelementerne. 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);
Produktion
("Hello John", "Hello Sara", "Hello Jack")
forEach med pilefunktion
Du kan bruge pilefunktionen med forEach()
metoden til at skrive et program. For eksempel,
// with arrow function and callback const students = ('John', 'Sara', 'Jack'); students.forEach(element => ( console.log(element); ));
Produktion
John Sara Jack
for loop til forEach ()
Her er et eksempel på, hvordan vi kan skrive et program med for
loop og with forEach()
.
Brug af 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);
Produktion
("item1", "item2", "item3")
Brug af forEach ()
const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using forEach arrayItems.forEach(function(item)( copyItems.push(item); )) console.log(copyItems);
til … af med sæt
Du kan gentage gennem Set-elementerne ved hjælp af 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); )
Produktion
1 2 3
for hver med kort
Du kan gentage kortelementerne ved hjælp af 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); )
Produktion
navn- Jack alder- 27