Najlepszy samouczek JavaScript dla pętli W 2024 r. W tym samouczku możesz dowiedzieć się cykl JavaScript,Brzmienie ogólne:,Korzystanie z pętli for,Różne typy cyklu,Na pętli,Przykłady,Oświadczenie 1,Przykład:,Przykład:,Oświadczenie 2,Oświadczenie 3,Przykład:,Dla / W cyklu,Przykłady,pętli while,

JavaScript dla pętli

Cykl może wykonać blok kodu określoną liczbę razy.


cykl JavaScript

Jeśli chcesz uruchomić w kółko tego samego kodu, a każda z tych wartości są różne, wówczas zastosowanie cyklu jest bardzo wygodne.

Możemy wyjście tablicę wartości:

Brzmienie ogólne:

document.write(cars[0] + "<br>");
document.write(cars[1] + "<br>");
document.write(cars[2] + "<br>");
document.write(cars[3] + "<br>");
document.write(cars[4] + "<br>");
document.write(cars[5] + "<br>");

Korzystanie z pętli for

for (var i=0;i<cars.length;i++)
{
    document.write(cars[i] + "<br>");
}

Spróbuj »


Różne typy cyklu

JavaScript obsługiwać różne rodzaje pętli:

  • o - pewnej liczby cykli bloku kodu
  • w / w - pętli poprzez właściwości obiektu
  • natomiast - gdy określony warunek jest prawdziwy cykl podany fragment kodu
  • do / podczas gdy - także wtedy, gdy określony warunek jest prawdziwy cykl podany fragment kodu

Na pętli

pętli jest to, że chcesz utworzyć często używany do pętli narzędzia.

Oto składnia pętli for:

for (语句 1; 语句 2; 语句 3)
{
被执行的代码块
}

Oświadczenie 1 (blok) rozpoczyna się przed rozpoczęciem.

Oświadczenie 2 definiuje (Blok) warunki cyklu operacyjnego

3 oświadczenie po pętli (blok) została robi

Przykłady

for (var i=0; i<5; i++)
{
    x=x + "该数字为 " + i + "<br>";
}

Spróbuj »

Z powyższego przykładu, można zobaczyć:

Oświadczenie 1 ustawić zmienną przed rozpoczęciem pętli (var i = 0).

Zestawienie dwóch określonych warunków Przebieg cyklu (muszę być mniejsza niż 5).

Oświadczenie 3 powiększona o wartość (i ++) po każdym bloku kodu zostało wykonane.


Oświadczenie 1

Zwykle używamy oświadczenie inicjalizacji zmiennych wykorzystywanych w cyklu (var i = 0).

1 zdanie jest opcjonalne, które nie jest wykorzystywane mogą być również stwierdzenie.

Można zainicjować jakiekolwiek oświadczenie 1 (lub więcej) wartości:

Przykład:

for (var i=0,len=cars.length; i<len; i++)
{
document.write(cars[i] + "<br>");
}

Spróbuj »

I można również pominąć oświadczenie (taki jak na początku pętli została ustalona wartość):

Przykład:

var i=2,len=cars.length;
for (; i<len; i++)
{
document.write(cars[i] + "<br>");
}

Spróbuj »


Oświadczenie 2

Oświadczenie 2 Warunki powszechnie stosowane do oceny zmiennych początkowych.

2 To samo stwierdzenie jest opcjonalne.

2 Jeśli instrukcja zwraca wartość true, wówczas cykl rozpoczyna się od nowa, jeśli zwróci false, pętla się zakończy.

lampa Jeśli pominąć oświadczenie 2, musi zapewnić sobie przerwę w cyklu. W przeciwnym przypadku, cykl nie jest w stanie zatrzymać. To sprawia, że ​​możliwe, aby przeglądarka do katastrofy. Proszę przeczytać o przerwie w dalszej części tego podręcznika.


Oświadczenie 3

3 Sprawozdanie na ogół zwiększa wartość zmiennej pierwotnej.

Oświadczenie 3 jest również opcjonalne.

Oświadczenie 3 ma wiele zastosowań. Przyrost może być ujemna (ja--) lub więcej (i = i + 15).

Komunikat 3 może zostać pominięta (na przykład w pętli, gdy nie jest odpowiedni kod)

Przykład:

var i=0,len=cars.length;
for (; i<len; )
{
document.write(cars[i] + "<br>");
i++;
}

Spróbuj »


Dla / W cyklu

JavaScript dla / w rachunku pętli właściwości obiektu:

Przykłady

var person={fname:"John",lname:"Doe",age:25};

for (x in person)
{
    txt=txt + person[x];
}

Spróbuj »

Dowiesz się więcej na temat w rozdziale o JavaScript dla obiektu / w cyklu wiedzy.


pętli while

Wyjaśnimy wam pętli while i zrobić / pętli while w następnym rozdziale.

JavaScript dla pętli
10/30