Różnica między foreach i dla pętli w JavaScript

Pętle są wykorzystywane do wielokrotnego wykonywania zestawu instrukcji. Przydatne jest zmniejszenie wysiłku wielokrotnego tworzenia kodu. dla pętli jest podstawową powtarzającą się strukturą, która iteruje instrukcje A/wiele. Odnosi się do liczby razy wykonywania instrukcji poprzez sprawdzanie warunku. Chwila dla każdego pętla itera się przez elementy tablicy.Ten post zawiera szczegółowe działanie i użycie pętli i foreach w JavaScript. Celem jest zapewnienie kompleksowej różnicy między obiema pętlami.

Różnica między pętlą dla i foreach w JavaScript?

dla każdego Metoda jest wykorzystywana głównie do wykonywania kodu na podstawie elementów szyk, Mapy, Lub zestawy. Ma właściwość dostępu do indeksu i wartości każdego elementu. Wykonanie kodu z powodu wywołania metody wymaga czasu.

Podczas dla pętli jest najbardziej podstawową i wszechstronną pętlą w JavaScript. Reprezentuje liczbę razy na wykonanie warunku. Poniższa tabela przedstawia działanie pętli dla pętli i foreach w JavaScript.

dla pętli	Pętla Foreach
Ogólny rodzaj pętli i może być używany w różnych scenariuszach.	Głównie stosowane na tablicach, mapach i zestawach.
Przydatne do szybkiej iteracji zbioru przedmiotów.	Przydatne do iteracji podzbioru przedmiotów.
Składnia jest łatwiejsza i szybsza.	Format składni jest nieco złożony.
Nie zapewnia możliwości modyfikacji podczas iteracji.	Użytkownik modyfikuje elementy zgodnie z wymaganiami.
Użytkownik może wykorzystać instrukcję Break do przerwy.	Nie może zapewnić obiektu, aby przełamać oświadczenie ze względu na metodę wywołania zwrotnego.

Składnia pętli foreach w JavaScript

szyk.foreach (funkcja (currval, index, array)
// Wykonaj kawałek kodu
);

Parametry używane w powyższej składni są wymienione poniżej:

• funkcja (Curval, indeks, tablica): Funkcja, którą należy uruchomić na każdym elemencie.
• Currval: Bieżąca wartość tablicy.
• Indeks: Bieżący wskaźnik elementu.
• Szyk: Szereg obecnych elementów.

Składnia pętli dla JavaScript

dla (inicjalizator; warunek; licznik)

// Wykonaj kawałek kodu

w dla pętli, Podano trzy warunki:

• inicjalizator: inicjuje zmienną o wartości.
• stan: Określa warunek wykonania kodu.
• lada: Określ kontrolę przepływu pętli za pomocą operacji arytmetycznych.

Jak działa pętla foreach w JavaScript?

Przykład podano poniżej, wykorzystując dla każdego metoda w JavaScript.

Kod

// Podano przykład użycia metody foreach w JavaScript
Niech tablica = [1, 2, 3, 4, 5, 6, 7, 8]; // Określ tablicę liczb
// Operacja dla kwadratu każdej liczby
Niech rtnvalue = tablica.Foreach (val =>
konsola.log ('$ val x $ val = $ val * val'));

Opis JavaScript Kod znajduje się poniżej:

• Jakiś szyk Zmienna jest inicjowana.
• dla każdego Metoda jest wykorzystywana do dostępu do elementów tablicy.
• Wewnątrz pętli foreach każda wartość tablicy jest kwadrowana (mnożenie elementu tablicy samego).
• Wreszcie wyjście jest wyświetlane na konsoli.

Wyjście

Wyjście pokazuje kwadrat wszystkich ośmiu elementów tablicy w konsoli.

Jak działa pętla w JavaScript?

Podano przykład, który pokazuje koncepcję dla pętli W JavaScript.

Kod

// Przykład jest podany do używania pętli dla JavaScript
var array = [1,2,3,4];
konsola.log („Używanie pętli w JavaScript”);
dla (var i = 0; i < array.length; i++)

konsola.log (tablica [i]);

Opis kodu jest wymieniony poniżej:

• Zdefiniowano tablicę, która zawiera cztery elementy.
• Potem dla pętli jest wykonywany na elementach tablicy, aby je wydrukować.
• Po drugie, umieszczany jest warunek, który wykonuje kod dostarczony przez szyk.długość.
• Wreszcie I++ Operator przyrostowy jest wykorzystywany do zwiększenia wartości Zmienne przez jeden.

Wyjście

Dane wyjściowe pokazuje, że dla pętli Wykonuje instrukcje cztery razy (ponieważ liczba elementów wynosi cztery w tablicy).

Wniosek

Przede wszystkim oba są typami pętli używanymi do iteracji w porównaniu z liczbą kolekcji. dla każdego Metoda jest wykorzystywana do wykonywania kodu dla każdego elementu znalezionego w tablicy. Z drugiej strony dla pętli jest prosty w użyciu i powtarza kawałek kodu określonego przez użytkownika. dla pętli zużywa mniej czasu wykonania i jest pomocny w rozwiązywaniu złożonych problemów. Nauczyłeś się ważnych punktów między pętlą For i Foreach, wykorzystując JavaScript. Aby lepiej zrozumieć, podaliśmy również przykłady każdego typu pętli.