V tomto kurzu se na příkladu dozvíte o metodě JavaScript forEach ().
forEach()
Způsob volá funkci a iteruje přes prvky pole. Tuto forEach()
metodu lze také použít v Mapách a sadách.
JavaScript pro každý
Syntaxe forEach()
metody je:
array.forEach(function(currentValue, index, arr))
Tady,
- function (currentValue, index, arr) - funkce, která se má spustit pro každý prvek pole
- currentValue - hodnota pole
- index (volitelně) - index aktuálního prvku
arr (volitelně) - pole aktuálních prvků
forEach with Arrays
forEach()
Metoda se používá pro iteraci přes pole. Například,
let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item) ( console.log(item); )
Výstup
John Sara Jack
Ve výše uvedeném programu forEach()
metoda přebírá myFunction()
funkci, která zobrazuje každý prvek pole studentů.
Aktualizace prvků pole
Jak jsme viděli ve výše uvedeném příkladu, forEach()
metoda se používá k iteraci po poli, je celkem jednoduché aktualizovat prvky pole. Například,
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);
Výstup
(„Hello John“, „Hello Sara“, „Hello Jack“)
forEach with Arrow Function
Funkci šipky můžete s forEach()
metodou použít k napsání programu. Například,
// with arrow function and callback const students = ('John', 'Sara', 'Jack'); students.forEach(element => ( console.log(element); ));
Výstup
John Sara Jack
for loop to forEach ()
Zde je příklad toho, jak můžeme psát program se for
smyčkou a se forEach()
.
Pomocí smyčky for
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);
Výstup
(„položka1“, „položka2“, „položka3“)
Použití forEach ()
const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using forEach arrayItems.forEach(function(item)( copyItems.push(item); )) console.log(copyItems);
pro… ze sad
Pomocí této forEach()
metody můžete iterovat prvky Set . Například,
// define Set const set = new Set((1, 2, 3)); // looping through Set set.forEach(myFunction); function myFunction(item) ( console.log(item); )
Výstup
1 2 3
forEach with Maps
Prostřednictvím metody Map můžete iterovat forEach()
. Například,
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); )
Výstup
jméno - Jack věk - 27