forEach Loop in JavaScript: Yhden luukun ratkaisu aloittelijoille



Tässä blogissa opitaan forEach-silmukasta ja sen toteutuksesta JavaScript-muodossa. Blogi käsittelee aiheita, kuten parametrit, palautus ja käyttö.

tarjoaa lukuisia tapoja silmukoiden toteuttamiseksi matriisin läpi. Tänään keskustelemme yhdestä tietystä silmukasta, josta on nopeasti tullut suosikki kehittäjien keskuudessa jokaiselle silmukka JavaScriptissä. Alla on aiheita, joita tarkastelemme:

Mitä ovat silmukat ja taulukot?

Loop on termi iteraattorin eli prosessin toteuttamisprosessille, joka tehdään toistuvasti. Joten jos lasket 1: stä 10: een, toteutat silmukan, joka silmukkaa kymmenen kertaa, ja lisää laskenta-arvoa yhdellä.

Taulukot yksinkertaisesti sanottuna, kokoelma samanlaisia ​​esineitä. Se on yleensä hyvä ylläpitää luetteloa asioista, esimerkiksi opiskelijatietoja, jotka voidaan tallentaa opiskelijaobjektina matriisiin. Erinomainen tapa matriisin läpi kulkea on ollut for-silmukka, ja juuri tähän forEach-silmukka parantaa. Opi lisää forEach-silmukasta.





forEach JavaScript-syntaksissa

student_names = ['Rob', 'Van', 'Dam'] studentNames.forEach ((student) => {// Voit suorittaa haluamasi toiminnon täältä tulosta (student)}


Yllä oleva katkelma on a: n syntakse jokaiselle silmukka sisään . Katsotaanpa tarkemmin, miten tämä kaikki toteutetaan. Ensinnäkin julistamme joukon opiskelijoiden nimiä ja nimeämme sen asianmukaisesti. Käynnistämme sitten forEach-funktion piste (.) -operaattori. Funktion palauttamat tiedot tallennetaan opiskelijaan. Tiedot palautetaan takaisinsoittotoiminnolla. Tässä esimerkissä yksinkertaisesti tulostamme opiskelijan nimet, jotka antavat tuloksen 'Rob Van Dam'

ForEach-parametrit JavaScriptissa

Parametrit välitetään takaisinsoittotoiminnossa, ne ovat



  • currentValue - Nykyiset arvot, jotka välitetään soittopyynnössä. Katkelmassa currentValue on opiskelija- . Tämä parametri on pakollinen.
  • index - matriisin nykyisen elementin indeksi. Tämä on valinnainen parametri.
  • tämä - tämä viittaa puhelupinon nykyiseen objektiin.

ForEach: n palautusarvo JavaScriptissä

määrittelemätön . Aina .

Suodata, Kartta palauttaa taulukon ja forEach palauttaa määrittelemättömän. Tämä on tärkein ero näiden silmukoiden välillä.



kokki vs nukke vs suola

Nyt kun perusasiat on tehty, käymme läpi muutamia sääntöjä, jotka on pidettävä mielessä käytettäessä jokaiselle .

  • forEach suorittaa takaisinkutsutoiminnon kerran jokaiselle taulukkoelementille.
  • Se palaa aina määrittelemättömäksi.
  • Se ei mutatoi taulukkoa, mutta takaisinsoitto voi, jos se on ohjelmoitu tekemään niin.
  • forEach ei ole ketjutettava, kuten kartta, pienennys tai suodatin.
  • Käsittelemien elementtien alue jokaiselle silmukka asetetaan ennen soittopyynnön ensimmäistä kutsua.
  • Elementit, jotka on liitetty taulukkoon sen jälkeen silmukka ei käy jokaisessa aloitetussa.
  • Elementeissä, jotka on poistettu ennen silmukan vierailua, ei käydä.
  • Jos jo käydyt elementit poistetaan taulukosta iteroinnin aikana, myöhemmät elementit ohitetaan.
  • forEach-aloitettua silmukkaa ei voida pysäyttää tappamatta prosessiketjua. Ajattele sitä tilauksena. Sinun on peruutettava sen tilaus, jotta se lopetetaan.
  • forEach ei suorita takaisinsoittoa taulukkoelementeille ilman arvoja.

Nämä ovat säännöt, jotka on aina pidettävä mielessä jokaiselle silmukalle.

Nyt kun tiedät forEach-silmukasta, tutustu Edurekan Web-sertifiointikoulutukseen. Verkkokehityksen sertifiointikoulutus auttaa sinua oppimaan luomaan vaikuttavia verkkosivustoja HTML5-, CSS3-, Twitter Bootstrap 3-, jQuery- ja Google-sovellusliittymien avulla ja asentamaan sen Amazon Simple Storage Service (S3) -palveluun.

Onko sinulla kysymys meille? Mainitse se 'forEach in JavaScript' -kommenttiosassa ja palaamme sinuun.