Wprowadzenie do For Loop w JavaScript

For Loop w JavaScript to najlepsza metoda iteracji przez serię danych jednocześnie. Pętla For to pętla kontrolowana przez wejście, w której warunki testowe sprawdzane są przed przejściem do głównej części programu. Pętla For jest używana, gdy znamy liczbę iteracji przed wejściem do pętli. Pętle są zwykle używane do powtarzania serii kroków pewną liczbę razy, więc często obejmują one zmienne przeciwne, test warunkowy, sposób zmiany zmiennej przeciwnej. W wielu przypadkach pętla For może osiągnąć to samo co pętla while, z mniejszą liczbą wierszy kodu.

Rodzaje For Loop w JavaScript

  • For: Służy do przeszukiwania kodu n razy, aż warunek będzie fałszywy
  • For / in : Służy do przeglądania właściwości obiektu
  • For / of : Służy do przechodzenia przez szereg obiektów iterowalnych

Składnia pętli

for (Initialization condition; test condition; Increment/Decrement)
(
Body of loop
)

Składnia pętli For / in

for (var in object)
(
Body of loop
)

Składnia pętli /

for (variable of iterable)
(
Body of loop
)

Przepływ pracy dla pętli w JavaScript

  1. Warunek inicjalizacji: Warunek określa początek pętli for. Zmienna może być inicjowana w pętli lub zmienna może być deklarowana osobno.
  2. Warunek testowania: W przypadku pętli kontroli wejścia, warunek jest sprawdzany przed uruchomieniem programu. Testuje także warunki wyjścia z pętli.
  3. Wykonanie instrukcji: Tylko jeśli warunek testu jest spełniony, wówczas ciało pętli jest wykonywane.
  4. Przyrost / spadek: Dla każdego cyklu po wykonaniu pętli sterowanie przechodzi do instrukcji przyrostu. Tutaj zwiększa lub zmniejsza zmienne kontrolne.
  5. Zakończenie pętli: Pętla kończy się, gdy tylko warunek stanie się fałszywy.
Uwaga : Możemy pominąć warunek inicjalizacji w pętli For, jeśli chcemy, ale (;) Średnik nie powinien zostać usunięty. Jeśli zostanie usunięty, program zgłosi błąd. Zmienna może być zadeklarowana poza pętlą.

Przykład

Int add=10;
For(;add<30;add++)

Jak działa pętla w JavaScript?

Po wykonaniu pętli sprawdzany jest warunek początkowy. Jest to wartość początkowa, od której rozpoczyna się pętla. W następnym kroku sprawdzono, czy podany warunek jest prawdziwy, czy fałszywy; określa to, czy pętla powinna być kontynuowana, czy nie. Jeśli warunek jest spełniony, zmienna modyfikuje pętlę i wykonywana jest instrukcja pętli. Po wykonaniu instrukcji pętla uruchamia się ponownie, dopóki warunek nie zostanie spełniony.

Schemat blokowy For Loop

Poniżej znajduje się schemat blokowy For Loop w JavaScript:

Pętla wykonuje się jako pierwsza, a dla pętli sprawdza warunek testu, czy jest prawdziwy, czy nie. Jeśli warunek jest spełniony, to przejdzie do bloku instrukcji, w którym wykonywany jest program. Jeśli warunek jest fałszywy, pętla zakończy się, a program zostanie zatrzymany.

Przykład 1: Korzystanie z pętli

Poniższy program został napisany w celu wydrukowania listy nazwisk uczniów przy użyciu JavaScript.

Kod



var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth");
document.write(" Using for loops
");
for (i=0;i (
document.write(students(i) + "
");
)

var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth");
document.write(" Using for loops
");
for (i=0;i (
document.write(students(i) + "
");
)


Wynik:

Przykład 2: Korzystanie z pętli

Kod



for (var iterator1 = 0; iterator1 < 5; iterator1++) //initialization, condition, increment
(
document.write(iterator1 + 1 + ". " + "For loop Tutorial for JavaScript ");
)
document.write(" Loop end");


for (var iterator1 = 0; iterator1 < 5; iterator1++) //initialization, condition, increment
(
document.write(iterator1 + 1 + ". " + "For loop Tutorial for JavaScript ");
)
document.write(" Loop end");


for (var iterator1 = 0; iterator1 < 5; iterator1++) //initialization, condition, increment
(
document.write(iterator1 + 1 + ". " + "For loop Tutorial for JavaScript ");
)
document.write(" Loop end");

Wynik:

Uwaga: Dla pętli kończy się po 5 iteracjach.

Przykład 3: Używanie pętli For / in

Pętla for / in służy do iteracji właściwości obiektu.

Kod



var string1 = "";
var object1 = (a: 1, b: 2, c: 3);
for (var property1 in object1)
(
string1 += object1(property1);
)
document.write(string1);

Wynik:

Przykład 4: Korzystanie z pętli For / of

Kod


JavaScript For/Of Loop


JavaScript For/Of Loop


JavaScript For/Of Loop

Instrukcja for / of zapętla wartości obiektu iterowalnego.


var cars = („BMW”, „Volvo”, „Mini”);
var x;
dla (x samochodów) (
document.write (x + ”
„);
)

Wynik:

Wniosek

Początkowo pętla for może wydawać się nieco myląca, ale kiedy już odkryjesz różne części instrukcji for, nie są one trudne. Pamiętaj tylko, że każda pętla for zaczyna się od słowa kluczowego for, po którym następuje zestaw nawiasów zawierających trzy części, parę nawiasów klamrowych. Pętla For pomaga programistowi napisać program w efektywny i łatwy sposób. Oszczędza to problemu pisania wielu wierszy kodu, które zajmują więcej czasu. Aby programista napisał program skutecznie i produktywnie. Przebacza dodatkową zaletę, ponieważ skraca czas trwania programu.

Polecany artykuł

To był przewodnik po For Loop w JavaScript. Tutaj omawiamy wprowadzenie do pętli w JavaScript i jej typy wraz z schematem blokowym. Możesz także przejrzeć nasze inne sugerowane artykuły, aby dowiedzieć się więcej -
  1. Funkcje JavaScript
  2. Python vs JavaScript
  3. Wykorzystuje JavaScript
  4. Dla pętli w Pythonie
  5. Wprowadzenie do For Loop w Javie
  6. Iterator w Javie
  7. Przykłady Iteratora w Pythonie

Kategoria:

Rozwój oprogramowania