forEach Loop a JavaScript-ben: Egyablakos megoldás kezdőknek



Ebben a blogban megismerhetjük az forEach ciklust és annak JavaScript-ben történő megvalósítását. A blog olyan témákat tartalmaz, mint a paraméterek, a visszatérés és a használat.

sokféle módon biztosítja a hurkok megvalósítását egy tömbön való áthaladáshoz. Ma egy bizonyos hurkot fogunk megvitatni, amely gyorsan a kedvencek közé vált a fejlesztők között az egyes hurok a JavaScript-ben. Az alábbiakban bemutatjuk azokat a témákat, amelyeket megvizsgálunk:

Mik azok a hurkok és tömbök?

A hurok az iterátor végrehajtásának folyamatát jelenti, vagyis olyat, ami ismétlődően történik. Tehát, ha 1-től 10-ig számítana, megvalósítaná a ciklust, amely tízszer hurkol, és 1-gyel növeli a számlálási értéket.

Tömbök egyszerűen fogalmazva, hasonló tárgyak gyűjteménye. Általában kiválóan alkalmas olyan dolgok listájának karbantartására, mint például a hallgatói információk, amelyek hallgatói objektumként tárolhatók egy tömbben. A tömb áthaladásának nagyszerű módja a for loop volt, és pontosan ez javítja a forEach ciklust. Tudjon meg többet az forEach hurokról.





forEach a JavaScript-szintaxisban

student_names = ['Rob', 'Van', 'Dam'] studentNames.forEach ((student) => {// Itt végezheti el a kívánt funkciót print (student)}


A fenti részlet az a szintaxisa az egyes hurok be . Vizsgáljuk meg közelebbről, hogyan hajtják végre mindezt. Először deklarálunk egy hallgatói nevek tömbjét és megfelelő módon megnevezzük. Ezután a forEach függvényt hívjuk meg a pont (.) operátor. A függvény által visszaadott adatokat a hallgató tárolja. Az adatokat visszahívási funkció adja vissza. Ebben a példában egyszerűen kinyomtatjuk a hallgató nevét, amely megadná a kimenetet 'Rob Van Dam'

A forEach paraméterei a JavaScript-ben

A paramétereket a visszahívási funkció adja át, ezek



mire használják az adattudományt
  • currentValue - A visszahívás során átadott aktuális értékek. A kivonatban a currentValue értéke diák . Ez a paraméter kötelező.
  • index - A tömb aktuális elemének indexe. Ez egy opcionális paraméter.
  • ez - ez a hívásverem aktuális objektumára vonatkozik.

A forEach visszatérési értéke a JavaScript-ben

határozatlan . Mindig .

Szűrés, Térkép megjelenítése egy tömböt és forEach meghatározatlanul tér vissza. Ez a fő különbség ezek között a hurkok között.



Most, hogy az alapok elkészültek, nézzünk át néhány szabályt, amelyeket szem előtt kell tartanunk a használat során az egyes .

  • A forEach a tömbelemekhez egyszer hajtja végre a visszahívási funkciót.
  • Mindig meghatározatlanul tér vissza.
  • Nem mutálja a tömböt, de a visszahívás igen, ha erre be van programozva.
  • forEach nem képes láncra, mint a térkép, a kicsinyítés vagy a szűrés.
  • A feldolgozott elemek köre az egyes A hurok a visszahívási funkció első meghívása előtt van beállítva.
  • A tömbhöz csatolt elemek után forMinden indítottat nem keresi fel a hurok.
  • Azok az elemek, amelyek törlésre kerültek, mielőtt a hurok felkereste őket, nem kerülnek meglátogatásra.
  • Ha az iteráció során eltávolítják a tömbből a már meglátogatott elemeket, a későbbi elemek kihagyásra kerülnek.
  • A forEach ciklus egyszer elindítva nem állítható le a folyamat szálának megölése nélkül. Gondoljon előfizetésre. Le kell mondania róla, hogy leálljon.
  • A forEach nem hajtja végre a visszahívást az érték nélküli tömbelemeknél.

Ezeket a szabályokat kell mindig szem előtt tartani a forMinden hurok.

Most, hogy tud a forEach hurokról, nézze meg az Edureka webfejlesztési tanúsító tréningjét. A webfejlesztési tanúsítási képzés segít megtanulni, hogyan hozhat létre lenyűgöző weboldalakat a HTML5, CSS3, Twitter Bootstrap 3, jQuery és Google API-k használatával, és telepítheti az Amazon Simple Storage Service (S3) szolgáltatásba.

Van egy kérdésünk? Kérjük, említse meg a „forEach in JavaScript” megjegyzés rovatban, és mi kapcsolatba lépünk Önnel.