Pętla JavaScript Foreach

dla każdego pętla to specjalny rodzaj pętli obecnej w większości języków programowania używanych do pętli przez elementy tablicy. Służy głównie do wymiany pętla Aby uniknąć potencjalnych błędów/błędów poza jednym, ponieważ nie ma licznika.

Dlaczego powinniśmy używać pętli foreach

Użyć dla pętli, Musimy zdefiniować liczbę razy, gdy pętla będzie działać, w przeciwieństwie do Pętla Foreach, który nie potrzebuje żadnego licznika. Kiedy używamy Pętla Foreach, Zasadniczo mówimy „zrób to każdemu elementowi tej kolekcji”, podczas gdy w pętli wyraźnie stwierdzamy, ile razy pętla będzie działać. Może to powodować błędy i sprawić, że kod jest niezwykle trudny do odczytania, gdy rozpoczyna się indeksowanie tablicy 0.

Notatka: Użyjemy konsoli przeglądarki, aby zademonstrować przykłady wykonane w tym poście. Aby otworzyć konsolę przeglądarki:

• Użyj F12 Klucz w chromie i innych przeglądarkach na bazie chromu.
• Używać Ctrl + Shift + K Klawisze klawiatury dla Mozilli.
• Używać Opcja + ⌘ + c Klawisze skrótów klawiatury w Safari (jeśli menu programisty nie pojawia się, to otwórz preferencje, naciskając ⌘ +, i w Zaawansowany Kontrola zakładki „Pokaż opracuj menu w pasku menu”).

Składnia pętli foreach w JavaScript

szyk.foreach (funkcja (wartość, indeks, arr), ta wartość)

Zastąp szyk z rzeczywistą nazwą twojej tablicy.

Parametry:

• wartość: Wymagany; Przechowuje wartość bieżącego elementu.
• Indeks: Opcjonalny; Przechowuje indeks bieżącego elementu tablicy.
• arr: Opcjonalny; Trzyma obiekt tablicy, który zawiera bieżący element.
• ta wartość: Opcjonalny; Ten parametr jest używany jako Ten wartość funkcji. nieokreślony jest używany jako domyślny Ten wartość, jeśli ten parametr nie jest podany.

nieokreślony jest wartością zwracającą dla każdego metoda.

Jak używać pętli foreach w JavaScrip

Teraz użyjemy dla każdego pętla, aby wyświetlić każdy element nazwy tablicy liczby na konsoli jako przykład:

var liczby = [1, 2, 3, 4, 5, 6];
liczby.foreach (funkcja (wartość)

konsola.log (wartość);
)

W powyższym przykładzie, po pierwsze, zadeklarowaliśmy tablicę wymienioną liczby i przypisał mu sześć elementów. Następnie użyliśmy dla każdego pętla, aby zapętlić każdy element obecny w tablicy. Następnie zadeklarowaliśmy i zdefiniowaliśmy funkcję wewnątrz dla każdego pętla, która drukuje wartość elementu w bieżącej iteracji pętli na konsoli.

Możemy również zadeklarować i zdefiniować funkcję poza pętlą i po prostu wywołać funkcję z korpusu pętli:

var liczby = [1, 2, 3, 4, 5, 6];
liczby.Foreach (PR);
funkcja PR (wartość)

konsola.log (wartość);

dla każdego pętla nie jest wykonywana dla pustych elementów tablicy. Jeśli dodamy inny element do tablicy, jak wspomniano powyżej, za pomocą szyk.długość właściwość i uruchom program ponownie, wyjście pozostanie takie same:

var liczby = [1, 2, 3, 4, 5, 6];
liczby.długość = 7;
konsola.dziennik („długość tablicy to” + liczby.długość);
liczby.Foreach (PR);
funkcja PR (wartość)

konsola.log (wartość);

Teraz spróbujemy wykonać różne działania na temat elementów tablicy. Najpierw spróbujmy napisać funkcję, która drukuje kwadrat każdego elementu tablicy na konsoli:

var liczby = [1, 2, 3, 4, 5, 6];
liczby.Foreach (PR);
funkcja PR (wartość)

Niech kwadrat = wartość * wartość;
konsola.dziennik (kwadrat);

Teraz spróbujmy wyprowadzić sumę wszystkich elementów tablicy do konsoli:

var liczby = [1, 2, 3, 4, 5, 6];
Niech suma = 0;
liczby.Foreach (PR);
funkcja PR (wartość)

sum = suma + wartość;

konsola.log (suma);

Wniosek

Pętla Foreach to instrukcja przepływu kontrolnego, która jest używana do zapętlania przedmiotów w kolekcji. Okazuje się, że musimy wykonać różne działania na każdym elemencie pętli indywidualnie.

W tym poście podjęliśmy dla każdego pętla. Nauczyliśmy się, co to jest i jak z niego korzystać. Ponadto porównaliśmy to również z bardziej powszechnymi za pętlę.