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 for
zanko 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
ime - Jack starost - 27