forEach Loop w JavaScript: kompleksowe rozwiązanie dla początkujących



Na tym blogu dowiemy się o pętli forEach i jej implementacji w JavaScript. Blog obejmuje takie tematy, jak parametry, zwroty i użycie.

zapewnia wiele sposobów implementacji pętli do przechodzenia przez tablicę. Dzisiaj omówimy jedną konkretną pętlę, która szybko stała się ulubioną wśród programistów dla każdego pętla w JavaScript. Poniżej znajdują się tematy, którym się przyjrzymy:

Co to są pętle i tablice?

Pętla to termin określający proces implementacji iteratora, czyli czegoś, co jest powtarzane. Jeśli więc policzyłeś od 1 do 10, zaimplementowałbyś pętlę, która zapętla się dziesięć razy i zwiększa wartość zliczania o 1.

Tablice to po prostu zbiór podobnych obiektów. Generalnie świetnie nadaje się do utrzymywania listy rzeczy, na przykład informacji o uczniach, które mogą być przechowywane jako obiekt ucznia w tablicy. Świetnym sposobem na przechodzenie przez tablicę była pętla for i właśnie to ulepsza pętla forEach. Dowiedzmy się więcej o pętli forEach.





forEach w składni JavaScript

student_names = ['Rob', 'Van', 'Dam'] studentNames.forEach ((student) => {// Tutaj możesz wykonać swoją żądaną funkcję print (student)}


Powyższy wycinek to składnia a dla każdego zapętlić . Przyjrzyjmy się bliżej, jak to wszystko jest wykonywane. Najpierw deklarujemy tablicę nazwisk uczniów i odpowiednio ją nazywamy. Następnie wywołujemy funkcję forEach z rozszerzeniem operator kropki (.). Dane zwracane przez funkcję są przechowywane w pliku studenta. Dane są zwracane przez funkcję zwrotną. W tym przykładzie po prostu wypisujemy nazwiska uczniów, którzy daliby wynik „Rob Van Dam”

Parametry forEach w JavaScript

Parametry są przekazywane w funkcji wywołania zwrotnego, są to:



  • currentValue - bieżące wartości przekazywane w wywołaniu zwrotnym. W wycinku currentValue to student . Ten parametr jest obowiązkowy.
  • index - indeks bieżącego elementu w tablicy. To jest opcjonalny parametr.
  • this - odnosi się do bieżącego obiektu na stosie wywołań.

Wartość zwracana forEach w JavaScript

nieokreślony . Zawsze .

Filter, Map zwraca tablicę, a forEach zwraca undefined. To jest główna różnica między tymi pętlami.



Teraz, gdy podstawy są już zrobione, przejdźmy do kilku zasad, o których należy pamiętać podczas używania dla każdego .

  • forEach wykonuje funkcję zwrotną raz dla każdego elementu tablicy.
  • Zawsze zwraca wartość niezdefiniowaną.
  • Nie zmienia tablicy, ale wywołanie zwrotne może to zrobić, jeśli zostało to zaprogramowane.
  • forEach nie może łączyć się w łańcuchy, jak mapowanie, redukcja czy filtrowanie.
  • Zakres elementów przetwarzanych przez dla każdego pętla jest ustawiana przed pierwszym wywołaniem funkcji zwrotnej.
  • Elementy dołączane do tablicy po forEach rozpoczęte nie są odwiedzane przez pętlę.
  • Elementy, które zostały usunięte przed odwiedzeniem przez pętlę, nie są odwiedzane.
  • Jeśli już odwiedzone elementy zostaną usunięte z tablicy podczas iteracji, późniejsze elementy zostaną pominięte.
  • Raz uruchomionej pętli forEach nie można zatrzymać bez zabicia wątku procesu. Potraktuj to jako subskrypcję. Aby się zatrzymać, musisz zrezygnować z subskrypcji.
  • forEach nie wykonuje wywołania zwrotnego dla elementów tablicy bez wartości.

Są to zasady, o których należy zawsze pamiętać podczas korzystania z pętla forEach.

samouczek narzędzia talend etl pdf

Teraz, gdy wiesz już o pętli forEach, zapoznaj się z Certyfikowanym Szkoleniem Web Development firmy Edureka. Szkolenie z zakresu certyfikacji w zakresie rozwoju sieci pomoże Ci nauczyć się, jak tworzyć imponujące strony internetowe przy użyciu HTML5, CSS3, Twitter Bootstrap 3, jQuery i interfejsów API Google oraz wdrażać je w usłudze Amazon Simple Storage Service (S3).

Masz do nas pytanie? Wspomnij o tym w sekcji komentarzy w „forEach in JavaScript”, a my skontaktujemy się z Tobą.