Bo… i dla… w pętlach w JavaScript | Wyjaśnione

W językach programowania pętle są najczęściej używane do wielokrotnego wykonywania bloku lub fragmentu kodu przez określoną ilość razy lub do momentu spełnienia określonego warunku. JavaScript nie różni się niczym, jeśli chodzi o pętle. Tradycyjne pętle używane w innych językach programowania to Przez chwilę, I zrobić które są również obecne w JavaScript, ale wraz z przybyciem ES6 kilka zmodyfikowanych wersji Dla Wprowadzono pętle. One były "Za… I "Dla w" Pętle. Zamierzamy pokryć W przypadku pętli, for-in Loop, I Na pętlę szczegółowo.

Do pętli w JavaScript

Najczęstszą i najczęściej używaną pętlą w JavaScript i prawdopodobnie we wszystkich innych językach programowania jest Dla pętla. Jak już wyjaśniliśmy, pętle te są używane do wielokrotnego wykonywania lub wywołania fragmentu kodu, dopóki nie zostanie spełniony określony warunek. Ten warunek jest przekazywany w drugim parametrze Dla pętli. W przypadku pętli jest powszechnie stosowane, gdy mamy przybliżone oszacowanie, ile razy pętla będzie działać. Na podstawie tego ustawiamy nasz stan.

Składnia pętli

dla (inicjalize-variable; warunki-to-met; końcowa expression)
// Ciało pętli dla

• Inicjalizacja zmienna: Zainicjuj zmienną w pierwszym parametrze.
• Stan-to-Met: Zdefiniuj warunek, w którym pętla będzie się iterować.
• Ostateczna ekspresja: Zadanie wykonania pod koniec iteracji pętli

Notatka: Parametry pętli For są oddzielone półkolonem „; ”I wszystkie są opcjonalne w JavaScript.

Przykład: Weźmy przykład, w którym musimy wydrukować pierwsze 10 cyfr, zaczynając od jednego. Jeśli zrobimy to bez pętli, nasz kod będzie wyglądał:

konsola.log (1);
konsola.log (2);
konsola.log (3);
konsola.log (4);
konsola.log (5);
konsola.log (6);
konsola.log (7);
konsola.log (8);
konsola.log (9);
konsola.log (10);

Wyjście:

Wyjście jest dokładnie tym, czego chcieliśmy, ale nie jest to skuteczny sposób na zrobienie tego. Spróbujmy użyć pętli dla rozwiązania tego samego problemu. Kod jest jak:

dla (niech i = 0; i <=10 ; i ++)
konsola.Log (i)

Wyjście jest dokładnie takie samo:

Jeśli przejdziemy do kodu, utworzyliśmy zmienną licznikową z blokadą „i” i zainicjowaliśmy ją z wartością liczb całkowitą 0. W drugim parametrze ustawiamy warunek, który chcemy uruchomić, dopóki zmienna licznika osiągnie wartość 10, a w ostatnim parametrze ustawiamy wyrażenie końcowe, aby zwiększyć tę zmienną licznika o 1 za każdym razem, gdy pętla osiąga koniec każdego iteracja.

Jak pracować z tablicami za pomocą pętli

Pętle można również użyć do iteracji przez tablice i ich wartości, aby pokazać, że będziemy potrzebować tablicy. Utwórz tablicę liczb z następującym stwierdzeniem:

tablica = [1,5,88,24,25,137,37,28,173 222];

Użyjmy dostępu do pętli każdego elementu w tej tablicy i wydrukuj jego wartość za pomocą następujących instrukcji:

dla (i = 0; i < array.length ; i++)
konsola.log (tablica [i]);

Wyjście to:

Notatka: Użyliśmy tego warunku, i < array.length because the index of the last element in the array, will always be one less than the length of the array and that is because in arrays the index starts from zero

Możemy nawet użyć pętli, aby przejść w tablicy od ostatniego do pierwszego za pomocą kodu:

dla (niech i = tablica.długość 1; i> = 0; I--)
konsola.log (tablica [i]);

Zainicjowaliśmy zmienną licznika o wartości o jedną mniejszą niż długość tej tablicy, aby uzyskać dostęp do ostatniego elementu tablicy, i zaczęli zmniejszyć zmienną licznika o 1 w każdej iteracji. Wyjście to:

Pętla w JavaScript

Pętla jest używana do iteracji nad obiektami, obiekty te mogą być tablicami, zestawami, obiektami, a nawet ciągami. For… pętli zwraca wartość elementów obiektów iterowalnych:

Składnia pętli

dla (element tablicy)
// Ciało pętli

• element: to nazwa zmiennej, którą zamierzamy podać każdemu elementowi w tablicy.
• szyk: to tablica, przez którą się przemierzamy

Aby lepiej zrozumieć działanie For-of-Ox, weźmy szereg wartości zmiennych:

array = [1,4,56, „Cash”, „Car”, 63, 69, „Google”, „Moon”, „Mercury”];

Teraz użyj pętli, aby iterować za pomocą elementów za pomocą następujących wierszy kodu:

dla (Elem of Array)
konsola.log (ELEM);

Wyjście to:

Przejdziemy przez elementy tablicy za pomocą for… pętli.

Zapętlanie sznurka za pomocą pętli for-of-of-off

Możemy użyć pętli, aby przejść przez każdy znak wartości ciągu. W tym celu utwórzmy zmienną ciągu za pomocą następującej instrukcji w JavaScript.

var zdanie = "Witamy w Linuxhint!";

Teraz iteruj każdą postać tej zmiennej za pomocą poleceń:

dla (char of zdanie)
konsola.log (char);

Otrzymujemy następujące dane wyjściowe w naszej konsoli:

Jak widać, za pomocą pętli, byliśmy w stanie uzyskać dostęp do każdej postać z powodu ciągu.

Pętla For-in:

Pętla dla in-in jest używana do iteracji właściwości elementów wewnątrz obiektów iterowalnych, aby zrozumieć to w znacznie lepszy sposób tworzenia obiektu zawierającego pary wartości kluczy przy użyciu następujących stwierdzeń:

const person = FirstName: „John”, LastName: „Doe”, wiek: 22, miasto: „Newyork”;

Wydrukujmy wartości „kluczowe” tego obiektu, używając for… w… pętli przez te stwierdzenia:

dla (rekwizytów osobiście)
konsola.log (rekwizyty);

Wyjście to:

Jak widać, pętla dla in-in jest dostępna do nazwisk właściwości elementów.

Wniosek

dla pętli jest najczęściej używaną pętlą; JavaScript jest wyposażony w odmianę pętli, For-in Loop, i na pętlę. Dowiedzieliśmy się o składni i działaniu Do Pętle. Potem dowiedzieliśmy się o dla w i dla pętla i jak działają i co wracają wraz ze swoimi przykładami, a nawet nauczyliśmy się różnicy między dwoma wariantami.