JavaScript forEach ()

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 forsmyč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