JavaScript for Loop - samouczek dla początkujących

JavaScript for Loop - samouczek dla początkujących
W językach programowania pętle są używane do wielokrotnego uruchamiania bloku kodu, dopóki nie zostanie spełniony określony warunek. Wszystkie główne języki programowania, w tym JavaScript, zawierają pojęcie pętli.

JavaScript to język skryptowy tekstowy powszechnie używany do dodawania dynamicznych i interaktywnych elementów do statycznych stron internetowych, aby były atrakcyjne wizualnie.

Pętle mają inną składnię w każdym języku programowania, ale podstawowa koncepcja (logika) pozostaje taka sama.

Większość języków programowania ma więcej niż jeden rodzaj pętli. Słynne są Do I chwila pętla. Ten przewodnik dowie się tylko o pętli i gdzie należy ją używać zamiast innych pętli (faworyzowane w innych pętlach).

W większości przypadków można wymieniane pętle, ale pętle należy użyć, gdy musisz uruchomić określoną liczbę iteracji (gdy już wiesz, że liczba razy uruchomiona pętla).

Dla składni pętli:

Najpierw powinniśmy omówić składnię Do pętla użycie w JavaScript:

dla (inicjalizacja; warunek; ** instrukcja modyfikatora wartości zmiennej **)

Kod do wykonania

W Do pętla:

  • Najpierw zainicjuj/ustaw zmienną (inicjalizacja działa przed wykonaniem ciała) i.mi. Niech i = 0;
  • Po drugie, zdefiniuj warunek pętli (niniejsza instrukcja działa przed wykonaniem i decyduje, czy pętla będzie działać, czy nie), i.mi., I <= 10;
  • Wreszcie, trzecie i ostatnie stwierdzenie trwa po wykonaniu ciała pętli. Modyfikuje wartość zmiennej dla następnej iteracji, i.e i ++ lub i-

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”).

Jak używać Do pętla?

Przykładamy programistę, który musi wyprowadzić sekwencję liczb od jednego do dwudziestu za pomocą JavaScript. Będą musieli napisać dwadzieścia wierszy kodu, aby wyświetlić tę sekwencję. Ten sposób pisania kodu jest bardzo nieefektywna.

Możemy skutecznie napisać takie powtarzalne zadania za pomocą pętli. Jak wspomniano powyżej, liczbę linii w programie można zmniejszyć z dwudziestu do czterech za pomocą Do pętla.

dla (niech liczba = 1; liczba <= 20; number++)

konsola.log (liczba);

Omówmy teraz, jak Do Pętla faktycznie działa. Pierwsze stwierdzenie, ja.mi., inicjalizacja, uruchamia się przed stwierdzeniami występującymi w korpusie pętli i ustawia zmienną. Druga instrukcja działa również przed wykonaniem bloku kodu. Zdefiniował warunek pętli. To stwierdzenie decyduje, czy pętla będzie działać na następną iterację, czy zatrzymaj się na bieżącej iteracji. Trzecie i ostatnia instrukcja działa po wykonaniu instrukcji wewnątrz pętli. Zwiększa wartość obecną wewnątrz zmiennej.

Możemy również zmniejszyć wartość zmiennej w pętli. Teraz wyprowadzimy sekwencję od dwudziestu do jednego w kolejności malejącej:

dla (niech liczba = 20; liczba> 0; liczba--)

konsola.log (liczba);

Co jest dla w pętla?

dla w Pętle służą do zapętlania właściwości obecnych w obiekcie. Przydaje się, gdy musisz uruchomić pętlę przez obiekt, ale nie znam liczby właściwości obecnych w obiekcie.

Składnia:

dla (obiekt varin)

Sprawozdania
  • Tutaj var służy do przechowywania innej nazwy właściwości w każdej iteracji.
  • Pętla przebiega przez właściwości określonego obiektu.
var pracownik = fname: „John”, lname: „Doe”, wiek: 20, id: 001, dział: „zdrowie i bezpieczeństwo”;
dla (pozwól rekwizyjskom w pracownika)

konsola.log (prop);

Co jest dla/z pętli?

dla/of Pętle służą do zapętlania wartości tablicy.

var name = [„John Smith”, „John Doe”, „Jane Doe”];
dla (niech wartość nazw)

konsola.log (wartość);

dla/of Pętle mogą być również użyte do przeglądania wartości łańcucha.

Wniosek

Pętle służą do pisania zwięzłego i wydajnego kodu. Eliminują powtarzalność z kodu. Są podstawową częścią każdego dużego języka programowania.

Jak wspomniano powyżej, w przypadku pętli weź trzy argumenty. Pierwszy argument/parametr to inicjalizator, który ustawia zmienną. Drugim argumentem jest warunek; Pętla będzie kontynuowana, aż warunek ten stanie się fałszywy. Trzeci i ostatni argument służy do modyfikacji zmiennej, która została ustawiona w pierwszym argumencie. Wszystkie te trzy argumenty są opcjonalne. Te trzy argumenty powinny być zawsze określone, mimo że są opcjonalne. Brak argumentów do pętli może stworzyć nieskończoną pętlę, która może spowodować program awaryjny. Do Pętle są zwykle używane, gdy koder wie, ile razy pętla będzie działać.

W tym, jak prowadzić, nauczyliśmy się używać do pętli za pomocą składni JavaScript. Dowiedzieliśmy się również o /in i / /o pętle.