Wprowadzenie do Do While Loop w JavaScript

Każdy język programowania wymaga użycia pętli w celu wykonywania powtarzalnych zadań. To znacznie pomaga w automatyzacji przepływów lub wykonywaniu często wykonywanych zadań. Dlatego są uważane za najczęstszą cechę każdego języka. Omówimy pętle while i do-while w JavaScript oraz sposób ich użycia. Są to bloki podobne do instrukcji warunkowych. Oznacza to, że określony zestaw instrukcji zostanie wykonany tylko wtedy, gdy określona instrukcja zostanie spełniona. Pętla będzie działać, dopóki określony warunek przestanie być uznawany za prawdziwy.

Składnia

Składnia pętli Do while w JavaScript jest następująca:

do (
//code to be executed
) while (condition);

Powyższa składnia wyraźnie wskazuje, że zestaw instrukcji umieszczonych w bloku do zostanie wykonany jeden raz, zanim warunek zostanie spełniony. Instrukcje są uruchamiane bez testowania warunku. Po uruchomieniu tego bloku zostanie on przetestowany jako normalna pętla while. Aby to sprawdzić, możemy ustawić zmienną na 0. Można to zwiększyć wewnątrz instrukcji do, a następnie ustawić warunek na false.

Weźmy przykład jak poniżej:

//setup variable as 0
let a=0;
do(
a++;
console.log(a);
) while(false);

W tym przypadku wynikiem byłoby 1. Gdy kod zostanie wykonany, kod rozpocznie wykonywanie, a pętla uruchomi się raz od 0, dopóki warunek nie zostanie spełniony. Utworzona pętla uruchomi się co najmniej raz, nawet jeśli określony warunek nie zostanie spełniony.

Jak działa pętla while w JavaScript?

  • Pętla do while jest odmianą pętli while, która wykonuje zestaw instrukcji, dopóki wspomniany warunek nie zostanie oceniony na false. W tym przypadku można znaleźć różnicę polegającą na tym, że zestaw instrukcji w pętli jest wykonywany co najmniej raz, nawet jeśli wspomniany warunek nie jest spełniony. Główną różnicą między pętlą while i do while jest to, że w pętli while warunek jest oceniany na początku każdej iteracji.
  • Jeśli podany warunek ma wartość false, wówczas pętla, po której następuje ten warunek, nigdy nie zostanie wykonana. Kiedy pojawia się, gdy pojawia się obraz, pętla jest wykonywana co najmniej raz. Chociaż warunek nie jest spełniony, zostanie wykonany raz. Wynika to z faktu, że w pętli do while warunek jest określony na końcu pętli. Z tego powodu warunki w pętli są wykonywane raz.

Wykonaj podczas schematu przepływu

Pozwól nam zrozumieć działanie tej pętli za pomocą schematu blokowego.

  • Schemat blokowy wyjaśnia pełne działanie pętli do while w JavaScript. Pętla do while działa podobnie do pętli while, w której istnieje zestaw warunków, które należy wykonać do momentu spełnienia warunku.
  • Po rozpoczęciu przepływu pole procesu na powyższym diagramie wyjaśnia, że ​​kod zacznie działać. Po wykonaniu kodu sprawdzi, czy warunek nie jest spełniony. Jest to pokazane w polu decyzji, w którym warunek jest oceniany. Jeśli ten warunek jest spełniony, kod jest ponownie wykonywany. Wróci do pola procesu na diagramie i wykona podany zestaw instrukcji.
  • Jeśli podany warunek jest fałszywy, kod przestanie działać, a pętla zakończy się. Tutaj główna różnica między while a do while polega na tym, że nawet jeśli warunek nie jest prawdziwy, instrukcje w bloku procesu zostaną wykonane raz, nawet zanim warunek zostanie oceniony. Schemat blokowy również oznacza to samo. Pętla będzie działać nieprzerwanie po pierwszym wykonaniu, jeśli warunek jest prawdziwy, i zakończy działanie, jeśli warunek jest fałszywy.

Przykłady



Do While Loop in JavaScript

Do While
var num = 10, total=0;
do
(
total = total + num;
document.write("Number = " + num);
document.write("Total Value is = " + total);
num++;
)while (number < 15);
document.write("Total Value from outside the Loop is = ", total);



Do While Loop in JavaScript

Do While
var num = 10, total=0;
do
(
total = total + num;
document.write("Number = " + num);
document.write("Total Value is = " + total);
num++;
)while (number < 15);
document.write("Total Value from outside the Loop is = ", total);



Do While Loop in JavaScript

Do While
var num = 10, total=0;
do
(
total = total + num;
document.write("Number = " + num);
document.write("Total Value is = " + total);
num++;
)while (number < 15);
document.write("Total Value from outside the Loop is = ", total);

W powyższym kodzie zadeklarowaliśmy numer zmiennej, której wartość została zainicjowana na 10. Całkowita zmienna jest zainicjowana na 0. Ta zmienna będzie obliczać sumę podczas działania pętli. Po uruchomieniu pętli liczba jest dodawana do sumy. Kolejny krok zwiększa wartość zmiennej num o 1. Następnie testowany jest warunek while, który jest prawdziwy, tj. 10 <15. Pętla uruchomi się ponownie, jak poniżej:

0= 0 + 10
21= 10+11
33= 21+12
46= 33+13
60= 46+14

Gdy suma osiągnie 60, liczba zwiększy się do 15. Tutaj warunek staje się 15 <15. To nie jest spełnione. Pętla do while kończy się, gdy warunek nie jest spełniony.

Wynik:

Liczba = 10

Łączna wartość wynosi = 10

Liczba = 11

Łączna wartość wynosi = 21

Liczba = 12

Łączna wartość wynosi = 33

Liczba = 13

Łączna wartość wynosi = 46

Numer 14

Łączna wartość wynosi = 60

Całkowita wartość spoza pętli wynosi = 60

W ten sposób działa pętla do while. Pętla będzie wykonywana do momentu spełnienia warunku. Gdy warunek nie jest spełniony, pętla kończy działanie, a instrukcje, które są śledzone, są wykonywane.

Wniosek - zrób pętlę While w JavaScript

Pętla do while jest podobna do pętli while, w której wykonywany jest dany zestaw instrukcji. Różnica polega na tym, że pętla do while wykonuje się całkowicie, nawet jeśli warunek nie jest spełniony. Pętla do while jest wykonywana do momentu spełnienia określonego warunku i kończy działanie, gdy warunek nie zostanie spełniony. Aby wykonać zadania, które należy wykonać w iteracji, wykonaj pętlę while. Dlatego w Javascript pętla while może być przydatna, gdy mają być wykonywane zadania iteracyjne. JavaScript obsługuje tę pętlę i można jej używać w dowolnym momencie.

Polecane artykuły

To jest przewodnik po Do Loop w JavaScript. Tutaj omawiamy składnię, schemat blokowy z przykładami i jak to działa w JavaScript. Możesz także spojrzeć na następujący artykuł, aby dowiedzieć się więcej -

  1. Dla pętli w JavaScript
  2. Wzory w JavaScript
  3. Podczas gdy pętla w JavaScript
  4. Funkcje JavaScript
  5. Pętle w VBScript z przykładami