Tässä opetusohjelmassa opit JavaScript forEach () -metodista esimerkkien avulla.
forEach()
Menetelmä kutsuu funktiota ja iteroi yli elementtien joukko. forEach()
Menetelmää voidaan käyttää myös Mapsissa ja setit.
JavaScript jokaiselle
Menetelmän syntaksi forEach()
on:
array.forEach(function(currentValue, index, arr))
Tässä,
- function (currentValue, index, arr) - toiminto, joka suoritetaan taulukon jokaiselle elementille
- currentValue - taulukon arvo
- index (valinnainen) - nykyisen elementin indeksi
arr (valinnainen) - nykyisten elementtien taulukko
forEach kanssa matriisit
forEach()
Menetelmää käytetään iteraatiota yli jono. Esimerkiksi,
let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item) ( console.log(item); )
Tuotos
John Sara Jack
Edellä olevassa ohjelmassa forEach()
menetelmä ottaa myFunction()
toiminnon, joka näyttää jokaisen opiskelijaryhmän elementin.
Matriisielementtien päivittäminen
Kuten edellä olevasta esimerkistä nähdään, forEach()
menetelmää käytetään iteroimaan taulukon yli, matriisielementtien päivittäminen on melko helppoa. Esimerkiksi,
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);
Tuotos
("Hei John", "Hei Sara", "Hei Jack")
forEach Nuolitoiminnolla
Voit käyttää nuolitoimintoa forEach()
menetelmän kanssa ohjelman kirjoittamiseen. Esimerkiksi,
// with arrow function and callback const students = ('John', 'Sara', 'Jack'); students.forEach(element => ( console.log(element); ));
Tuotos
John Sara Jack
silmukasta jokaiselle ()
Tässä on esimerkki siitä, miten voimme kirjoittaa ohjelman for
silmukalla ja forEach()
.
Käyttämällä silmukkaa
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);
Tuotos
("item1", "item2", "item3")
Käyttämällä forEach ()
const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using forEach arrayItems.forEach(function(item)( copyItems.push(item); )) console.log(copyItems);
for … of kanssa Sets
Voit toistaa Set-elementit läpi forEach()
menetelmän avulla. Esimerkiksi,
// define Set const set = new Set((1, 2, 3)); // looping through Set set.forEach(myFunction); function myFunction(item) ( console.log(item); )
Tuotos
1 2 3
forEach Mapsin kanssa
Voit toistaa karttaelementtien läpi forEach()
menetelmällä. Esimerkiksi,
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); )
Tuotos
nimi- Jack ikä- 27