Pętle JavaScript - przewodnik dla absolutnych początkujących

W obliczeniach prawie wszystkie języki programowania popierają ideę pętli. W obliczeniach pętle są zestawem instrukcji, które pozwalają programistowi robić coś wielokrotnie w szybki i wydajny sposób. Pętle iterowane/wielokrotnie wykonywane przez blok kodu, dopóki nie zostanie spełniony określony warunek.

Wszystkie języki programowania wysokiego poziomu zapewniają kilka różnych rodzajów pętli. Składnia tych pętli może być inna, ale są one używane do wykonywania tych samych zadań. Te pętle są wymienne, ale niektóre są specjalnie zbudowane do użycia w niektórych określonych warunkach.

Najpopularniejsze pętle obecne w większości języków programowania to Do I chwila pętle; Tutaj omówimy je wraz z ich rozszerzeniami, które są obecne w JavaScript:

Jak używać pętli w JavaScript

Najbardziej najprostszą i powszechnie używaną pętlą w JavaScript jest Do pętla; Do Pętle są preferowane w porównaniu z innymi pętlami, gdy programista wie, że określona liczba pętli będzie działać.

Rzućmy okiem na składnię Do pętla, aby zrozumieć, dlaczego:

dla (inicjalizacja; warunek; modyfikacja zmiennej)
// Instrukcje kodu, które należy wykonać

Do Pętla przyjmuje trzy argumenty, inicjalizacja, warunek i modyfikacja zmienna:

• Pierwszy argument i.mi. inicjalizacja działa tylko raz przed wykonaniem pętli; Inicjuje zmienną, która jest używana w warunkach dla pętli.
• Drugi argument i.mi. stan jest oceniany przed każdą iteracją; pętla kończy się, gdy ten warunek jest spełniony.
• Trzeci i ostatni argument Modyfikacja zmiennej służy do modyfikacji wartości zmiennej stosowanej w stanie po każdej iteracji pętli.

Argumenty Do Pętle określają określoną liczbę iteracji, którą ma uruchomić. Określają punkt początkowy (inicjalizacja) i punkt końcowy (warunek) pętli. Chociaż wszystkie argumenty są opcjonalne ( Do Pętla będzie działać, nawet jeśli nie określisz warunku), jednak nie zaleca się pozostawienia argumentu warunku pustego, ponieważ utworzy nieskończoną pętlę, która może zawieść przeglądarkę.

Teraz spróbujmy przykładu, aby lepiej zrozumieć Do pętla:

Notatka: Konsola przeglądarki służy do demonstracji przykładów w tym artykule.

W tym przykładzie odliczamy od 10 do 1 za pomocą Do pętla:

dla (niech index = 10; index> = 1; index--)
konsola.log (indeks);

W powyższym przykładzie:

• Indeks jest inicjowany do 10
• Następnie warunek jest sprawdzany, ponieważ indeks jest większy lub równy 1 warunek jest prawdziwy, wykonuje się pętla, a wartość indeksu jest drukowana na konsolę
• Po pierwszej iteracji indeks zmienna jest zmniejszana o jeden. - Operator zmniejsza wartość indeks przez jeden.
• Następnie warunek jest ponownie sprawdzany; Ponieważ warunek jest nadal prawdziwy, pętla jest ponownie wykonywana.

Proces ten wciąż się powtarza, dopóki warunek pętli pozostaje prawdziwy. Kiedy wartość indeks Recher 0, warunek większy lub równy 1 nie jest już prawdziwy, a pętla kończy się.

Możemy wykonać dowolną operację na zmiennej w ostatnim argumencie Do Oświadczenie o pętli:

dla (niech indeks = 2; indeks < 500; index*=2)
konsola.log (indeks);

Jak używać podczas pętli w JavaScript

Chwila Pętle biorą tylko jeden argument, który jest warunek dla pętli:

Są one głównie używane, gdy kod musi uruchomić nieznaną liczbę razy, aż warunek zostanie spełniony:

while (warunek)
// Sprawozdania

Spójrzmy na przykład, w którym wygenerujemy liczbę losową za pomocą Matematyka.losowy() metoda wewnątrz pętli; Pętla będzie działać do czasu Matematyka.losowy() Metoda daje nieparzystą liczbę:

runloopagain = true;
while (runloopagain)
num = matematyka.losowy().tofixed (1)*10;
if (num % 2 != 0)
runloopagain = false;

konsola.log (num);

W powyższym przykładzie po raz pierwszy ogłosiliśmy o nazwie boolean Runloopagain i przypisał to wartość i.e True. While Loop ocenia warunek przed wykonaniem pętli; jako zmienna Runloopagain jest warunkiem pętli i jest prawdziwy, że pętla jest wykonywana. Wewnątrz ciała chwila pętla użyliśmy losowy Metoda Matematyka obiekt wraz z .Tofixed metoda uzyskania liczby losowej od zera do dziewięciu. Następnie użyliśmy instrukcji warunkowej, aby sprawdzić, czy liczba jest podzielna przez dwa (aby sprawdzić, czy jest parzyste lub nieparzysty). Jeśli liczba jest dziwna, to Runloopagain Zmienna stanie się fałszywa, a pętla zakończy się inaczej zmienna/warunek pozostanie prawdziwy, a pętla będzie działać.

Zadania, które wykonaliśmy w powyższych przykładach za pomocą Do Pętla może być również wykonana z chwila pętla:

Niech i = 10;
while (i> = 1)
konsola.log (i);
I--;
niech i = 2;
podczas gdy ja < 500)
konsola.log (i);
i*= 2;

Jak używać instrukcji przerwy w pętli

Oświadczenia o przerwie można użyć wewnątrz ciała pętli do zakończenia pętli. Spójrzmy na przykład:

Niech i = 2;
podczas gdy ja < 20)
if (i % 5 == 0)
przerwa;

konsola.log (i);
i+= 2;

W tym przykładzie użyłem chwila Pętla do wydrukowania każdej parzystej liczby, która jest mniejsza niż 21, ale otrzymuję tylko liczbę mniej niż 9; dlaczego? Jest tak, ponieważ użyłem instrukcji przerwy, która kończy pętlę, jeśli liczba równa jest wielokrotnością 5. Możemy użyć instrukcji Break, aby mieć różne warunki do zakończenia chwila pętla wewnątrz ciała pętli:

Jak korzystać z instrukcji Kontynuuj w pobycie

Instrukcja kontynuowania służy do pominięcia iteracji i przejścia do najbliższego chwila pętla. Na przykład, jeśli chcemy pominąć liczbę, która jest wielokrotnością 5 zamiast po prostu zakończyć pętlę w powyższym przykładzie, użyjemy instrukcji kontynuacji:

Niech i = 2;
podczas gdy ja < 21)
if (i % 5 == 0)
i+= 2;
Kontynuować;

konsola.log (i);
i+= 2;

Jak to widzisz 5, 10 I 20 brakuje, ponieważ są wielokrotnościami 5, a także są liczbami.

Jak korzystać z pętli w JavaScript

DO While Pętla jest zbudowana na szczycie pętli, co oznacza, że ​​jest to przedłużenie pętli while.

Podczas pobytu warunek jest oceniany przed wykonaniem ciała pętli, podczas gdy gra, gdy pętla robi odwrotnie i sprawdza ją po wykonaniu ciała pętli.

runloopagain = true;
while (runloopagain)
num = matematyka.losowy().tofixed (1)*10;
if (num % 2 != 0)
runloopagain = false;

konsola.log (num);

W tym podanym powyżej przykładzie musieliśmy zadeklarować i zainicjować Runloopagain zmienna przed korpusem pętli, ponieważ chwila pętla ocenia warunek przed iteracją.

zrobić pętla sprawdza warunek po każdej iteracji, więc jeśli jesteśmy pewni, że chcemy uruchomić kod obecny w pętli co najmniej jeden raz, używamy zrobić pętla. Jak jesteśmy pewni w tym przykładzie, że musimy przynajmniej wygenerować jedną liczbę losową, zanim sprawdzimy, czy jest to równe, czy dziwne, lepszym sposobem na napisanie byłoby:

Do
num = matematyka.losowy().tofixed (1)*10;
konsola.log (num);
while (num % 2 == 0);

Jak używać dla IN, dla i foreach pętli w JavaScript

dla w, za I dla każdego pętle w JavaScript są przedłużeniem Do pętla. Tutaj omówimy je wszystkie; dla w Pętla służy do iteracji nad właściwościami obiektu. Każda iteracja dla w pętla zwraca klucz, którego można użyć do dostępu do wartości klucza:

var pracownik = FirstName: „Mary”, LastName: „Jane”, wiek: 33, id: 092, dział: „edukacja”;
dla (niech p w pracownikach)

konsola.log (p);
konsola.log (pracownik [p]);

Jeśli do tablicy zastosuje się pętla w formie, zwraca indeks każdego elementu. Jeśli chcemy uzyskać obecność wartości w każdym indeksie, możemy użyć za pętla.

var num = [5, 6, 7, 8, 9];
dla (niech d of Num)

konsola.log (d);

za Pętla służy do pętli przez iteracyjne obiekty, takie jak tablice, mapy, struny itp. Jeśli używamy za pętla na ciągu, a następnie zwraca jeden znak ciągu każdej iteracji:

var freet = "Witamy w Linuks!";
Dla (niech C Greet)

konsola.log (c);

.dla każdego() Pętla służy do wykonywania określonego działania na każdym elemencie tablicy; zapętla się przez elementy tablicy i wywołuje funkcję raz dla każdego elementu.

.dla każdego() Loop przyjmuje funkcję wywołania zwrotnego jako argument, który dodatkowo przyjmuje trzy argumenty, z których dwa są opcjonalne; Jedynym wymaganym argumentem jest wartość bieżącego elementu. Wskaźnik elementu i samej całej tablicy można podać również jako argumenty funkcji wywołania zwrotnego. Teraz przyjrzymy się przykładowi, w którym użyliśmy .dla każdego() pętla, aby pomnożyć każdy element tablicy przez dwa i wydrukować go do konsoli:

var liczby = [99, 85, 788, 2, 255, 598];
liczby.foreach (funkcja (wartość)

konsola.log (wartość + " * 2 =" + wartość * 2);
)

Wniosek

Pętle to instrukcje przepływu kontrolnego, które służą do zmniejszenia nieefektywności kodu i zapisu bardziej zwięzłego kodu. Są jedną z najbardziej fundamentalnych części każdego dużego języka programowania na wysokim poziomie. W tym poście dowiedzieliśmy się o pętlach w JavaScript; Użyliśmy składni JavaScript, aby dowiedzieć się o Do I chwila pętle wraz z ich rozszerzeniami. Ponadto, przerwa i kontynuuj oświadczenie dla chwila Pętle zostały również omówione.