Pętle wJavaScript służy do podejmowania decyzji poprzez walidację określonej wartości pod kątem danego warunku testu i wykonanie określonego segmentu kodu określoną liczbę razy, aż do spełnienia danego warunku. Pomaga w tworzeniu kompaktowego kodu. Plik pętle są wyjaśnione w tym artykule w następującej kolejności:
Pętle JavaScript
Pętle JavaScript zapewniają szybką i łatwą metodę powtarzania czegoś. Służą do wielokrotnego powtarzania akcji bez konieczności powtarzania tej samej linii kodu. Istnieją głównie dwa rodzaje pętli:
Pętle kontrolowane na wejściu - W trybie kontroli wejścia warunek testu jest testowany przed wejściem do korpusu pętli. Dla pętli i While Loop są pętlami kontrolowanymi na wejściu.
Wyjście z kontrolowanych pętli W przypadku kontroli wyjścia warunek testu jest oceniany na końcu korpusu pętli. Dlatego treść pętli wykona co najmniej raz,niezależnie od tego, czy warunek testu jest prawdziwy, czy fałszywy. pętla do-while jest pętlą kontrolowaną przez wyjście.
Przejdźmy teraz do omówienia różnych metod wykonywania pętli JavaScript.
Dla pętli
Ta metoda zapewnia zwięzły sposób pisania struktury pętli. Pętla for powtarza się, dopóki określony warunek nie uzyska wartości false.
Składnia-
for (warunek testowania warunku inicjalizacji zwiększanie / zmniejszanie) {instrukcja}Przykład-
// Program JavaScript do zilustrowania pętli var x // pętla for zaczyna się, gdy x = 1 // i działa do x<=5 for (x = 1 x <= 5 x++) { document.write('Value of x:' + x + '
')}Wynik-
Wartość x: 1 Wartość x: 2 Wartość x: 3 Wartość x: 4
While Loop
Pętla while to instrukcja przepływu sterowania, która umożliwia wielokrotne wykonywanie kodu na podstawie określonego warunku logicznego. Ta pętla jest podobna do powtarzającej się instrukcji if.
Składnia-
while (warunek logiczny) {instrukcje pętli}Przykład-
// Program JavaScript do zilustrowania pętli while var x = 1 // Zakończ, gdy x stanie się większe niż 5 while (x<= 5) { document.write('Value of x:' + x + '
') // zwiększ wartość x dla // następnej iteracji x ++}Wynik-
Wartość x: 1 Wartość x: 2 Wartość x: 3 Wartość x: 4 Wartość x: 5
Pętla „do-while”
Ta pętla jest podobna do pętli while, ale jedyną różnicą jest to, że po wykonaniu instrukcji sprawdza stan. Jest to więc przykład pętli kontrolowanej przez wyjście.
Składnia-
do {instrukcje} while (warunek)Przykład-
// Program JavaScript do zilustrowania pętli do-while var x = 20 do {// jeśli warunek to fałsz document.write ('Wartość x:' + x + '
') x ++} while (x<10) jaka jest różnica między css a css3
Wynik-
Wartość x: 20
Pętla for-in
Ta pętla iteruje określoną zmienną po wszystkich wyliczalnych właściwościach obiektu. Dla każdej odrębnej właściwości JavaScript wykona określone instrukcje.
Składnia-
for (nazwa zmiennej w obiekcie) {instrukcje}Przykład-
// Program JavaScript do zilustrowania pętli for..in // tworzenie obiektu var charakterystyczna = {pierwsza: 'Imię', druga: 'Wiek', trzecia: 'Wysokość', czwarta: 'Kolor oczu', piąta: 'Narodowość '} // iteruje przez każdą właściwość // cech obiektu i wypisuje je wszystkie // używając pętli for..in for (itr in properties) {document.write (properties [itr] +'
')}Wynik-
Imię Wiek Wzrost Kolor oczu Narodowość
Instrukcja Break
Instrukcja break służy do wyskakiwania z pętli. Pomoże ci to przerwać pętlę i kontynuować wykonywanie kodu po pętli.
Składnia-
przerwij nazwę etykiety
Przykład-
var text = '' var i for (i = 0 i<10 i++) { if (i === 5) { break } text += 'The number is ' + i + '
'}Wynik-
Liczba to 0 Liczba to 1 Liczba to 2 Liczba to 3 Liczba to 4
Instrukcja Continue
Instrukcja continue przerywa jedną iterację w pętli, jeśli wystąpi określony warunek, i kontynuuje następną iterację w pętli. Różnica między instrukcją continue i break polega na tym, że instrukcja continue „przeskakuje” jedną iterację w pętli zamiast „wyskakuje”.
Składnia-
kontynuuj nazwę etykiety
Przykład-
var text = '' var i for (i = 0 i<5 i++) { if (i === 2) { continue } text += 'The number is ' + i + '
'}Wynik-
Liczba to 0 Liczba to 1 Liczba to 3 Liczba to 4
Były to różne metody wykonywania pętli JavaScript. W ten sposób doszliśmy do końca naszego artykułu.
Teraz, gdy wiesz już o pętlach JavaScript, zapoznaj się z przez Edureka. Szkolenie w zakresie certyfikacji w zakresie rozwoju sieci pomoże Ci nauczyć się, jak tworzyć imponujące witryny internetowe przy użyciu HTML5, CSS3, Twitter Bootstrap 3, jQuery i interfejsów API Google oraz wdrażać je w Amazon Simple Storage Service (S3).
Masz do nas pytanie? Wspomnij o tym w sekcji komentarzy w sekcji „Pętle JavaScript”, a my skontaktujemy się z Tobą.