JavaScript til hver ()

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 forloop 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