forEach Loop in JavaScript: One Stop Solution for beginners



V tomto blogu se dozvíme o smyčce forEach a její implementaci v JavaScriptu. Blog pokrývá témata, jako jsou parametry, návratnost a použití.

poskytuje mnoho způsobů implementace smyček pro procházení polem. Dnes budeme diskutovat o jedné konkrétní smyčce, která se rychle stala oblíbenou mezi vývojáři pro každého smyčka v JavaScriptu. Níže uvádíme témata, kterým se budeme věnovat:

Co jsou to smyčky a pole?

Smyčka je termín pro proces implementace iterátoru, tj. Něco, co se opakuje. Pokud byste tedy měli počítat od 1 do 10, implementovali byste smyčku, která se smyčí desetkrát, a zvýší hodnotu počítání o 1.

Pole jsou jednoduše řečeno, sbírka podobných předmětů. Je obecně skvělé udržovat seznam věcí, například informace o studentech, které by mohly být uloženy jako studentský objekt v poli. Skvělým způsobem, jak procházet pole, byla smyčka for, a to je přesně to, na čem se smyčka forEach zlepšuje. Naučme se více o smyčce forEach.





forEach in JavaScript Syntax

student_names = ['Rob', 'Van', 'Dam'] studentNames.forEach ((student) => {// Zde můžete provést požadovanou funkci print (student)}


Výše uvedený snip je syntaxe a pro každého zapojte se . Podívejme se blíže na to, jak se to všechno provádí. Nejprve deklarujeme řadu jmen studentů a pojmenujeme je odpovídajícím způsobem. Pak vyvoláme funkci forEach pomocí tečka (.) operátor. Data vrácená funkcí se ukládají do studenta. Data jsou vrácena funkcí zpětného volání. V tomto příkladu jednoduše vytiskneme jména studenta, která by poskytla výstup „Rob Van Dam“

Parametry forEach v JavaScriptu

Parametry jsou předávány ve funkci zpětného volání, jsou -



  • currentValue - Aktuální hodnoty předávané ve zpětném volání. Ve fragmentu je currentValue student . Tento parametr je povinný.
  • index - Index aktuálního prvku v poli. Toto je volitelný parametr.
  • this - odkazuje na aktuální objekt v zásobníku volání.

Návratová hodnota forEach v JavaScriptu

nedefinováno . Vždy .

periodická tabulka nástrojů devops

Filtr, Mapa vrátí pole a forEach vrátí undefined. To je hlavní rozdíl mezi těmito smyčkami.



Nyní, když jsou základy hotové, pojďme si projít několik pravidel, na která je třeba při používání pamatovat pro každého .

  • forEach provede funkci zpětného volání jednou pro každý prvek pole.
  • Vždy se vrátí nedefinované.
  • Nemutuje pole, ale zpětné volání může, pokud je k tomu naprogramováno.
  • forEach není schopný řetězu, jako je mapa, zmenšení nebo filtrování.
  • Rozsah prvků zpracovaných programem pro každého smyčka je nastavena před prvním vyvoláním funkce zpětného volání.
  • Prvky připojené k poli po forEach started nejsou navštěvovány smyčkou.
  • Prvky, které se před návštěvou smyčky smažou, se nenavštíví.
  • Pokud jsou prvky, které jsou již navštíveny, během iterace z pole odebrány, pozdější prvky budou přeskočeny.
  • Jednou spuštěnou smyčku forEach nelze zastavit bez zabití podprocesu procesu. Přemýšlejte o tom jako o předplatném. Chcete-li, aby se to zastavilo, musíte se odhlásit.
  • forEach neprovede zpětné volání pro prvky pole bez hodnot.

Toto jsou pravidla, která je třeba mít vždy na paměti při používání forEach loop.

Nyní, když víte o smyčce forEach, podívejte se na školení pro vývoj webových aplikací od společnosti Edureka. Osvědčení o školení pro vývoj webových aplikací vám pomůže naučit se, jak vytvářet působivé webové stránky pomocí HTML5, CSS3, Twitter Bootstrap 3, jQuery a Google API a jak je nasadit do služby Amazon Simple Storage Service (S3).

Máte na nás dotaz? Uveďte to prosím v sekci komentářů „forEach in JavaScript“ a my se vám ozveme.