JavaScript forEach ()

V tej vadnici boste s pomočjo primerov spoznali metodo JavaScript forEach ().

forEach()Metoda zahteva funkcijo in se ponovi čez elemente matrike. forEach()Metoda se lahko uporablja tudi na Maps in Scena.

JavaScript forEach

Sintaksa forEach()metode je:

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

Tukaj,

funkcija (currentValue, index, arr) - funkcija, ki se zažene za vsak element matrike
currentValue - vrednost matrike
indeks (neobvezno) - indeks trenutnega elementa

arr (neobvezno) - niz trenutnih elementov

forEach z nizi

forEach()Metoda se uporablja za ponovitev v matriki. Na primer

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

Izhod

 John Sara Jack

V zgornjem programu forEach()metoda prevzame myFunction()funkcijo, ki prikaže vsak element matrike študentov.

Posodabljanje elementov polja

Kot smo videli v zgornjem primeru, se forEach()metoda uporablja za iteracijo nad matriko, zato je preprosto posodobiti elemente matrike. Na primer

 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);

Izhod

 ("Pozdravljeni John", "Pozdravljeni Sara", "Pozdravljeni Jack")

forEach s funkcijo puščice

Funkcijo puščice lahko z forEach()metodo uporabite za pisanje programa. Na primer

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

Izhod

 John Sara Jack

zanka for za forEach ()

Tu je primer, kako lahko napišemo program z forzanko in z forEach().

Uporaba for zanke

 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);

Izhod

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

Uporaba forEach ()

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

za … od s kompleti

Z forEach()metodo lahko pregledujete elemente Set . Na primer

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

Izhod

 1 2 3

forEach z Zemljevidi

Z forEach()metodo lahko pregledujete elemente zemljevida . Na primer

 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); )

Izhod