Wprowadzenie do While Loop w Javascript

Dzisiaj koncentrujemy się na pętli while. Pętla to nic innego jak powtarzające się zadanie. Załóżmy, że musimy wydrukować jakieś nie. na przykład 1 do 10. W tym scenariuszu, jeśli uważamy, że musimy napisać instrukcję wydruku 10 razy dla każdego nie. kod będzie więcej i jest czasochłonny. I najważniejsze jest powtarzalne. Podczas kodowania w dowolnym języku musimy wziąć pod uwagę zasady DRY. Oznacza to, że nie powtarzaj się (DRY). W tym temacie dowiemy się o While Loop w JavaScript.

Tutaj na zdjęciu pojawiają się pętle. W tej pętli while. Jeśli myślisz o prostym języku angielskim, zrozumiesz lepiej. Proste, gdy znaczenie jest jednocześnie lub kropką. To samo dotyczy również w języku programowania. Gdy warunek jest spełniony, określony kod zostanie wykonany.

Podczas gdy pętla sprawdza warunek, czy jest to prawda, czy fałsz. Jeśli warunek jest spełniony, po prostu uruchamia kod do punktu przerwania. Jeśli warunek jest fałszywy, nie jest to możliwe.

Składnia:

While(condition)(
// code to execute
)

W pętli while sprawdzamy warunek w momencie uruchomienia pętli, więc możemy zdecydować, czy ją wykonać, czy nie. W pętli while mamy blok instrukcji. Który dostanie w wykonaniu tylko warunek określony w tej pętli jest spełniony.

Często używamy prawdy jako prawdy i fałszu. jeśli znasz binarną koncepcję programowania, łatwiej będzie ją zrozumieć.

Prawda i fałsz to dwie wartości używane do oceny wyrażenia. Przy sprawdzaniu stanu i wykonywaniu programu będzie to pomocne.

Spójrz na następującą składnię na prawda i fałsz:

While(true)(
// code will execute
)
While(false)(
// code will not execute
)

Przykład

while(true)(
console.log("Hello");
break;
)

Wynik:

W przypadku zera wyjdziemy bezpośrednio z pętli.

Przykład

var i = 0;
while (i < 10) (
console.log(i);
i++;
)

Wynik:

Jak działa pętla while w JavaScript?

Pętla while jest bardzo łatwa do zrozumienia. Wiemy, że w programowaniu wykorzystywane są pętle do automatyzacji różnych powtarzalnych zadań. Ale musimy podjąć pewne środki ostrożności w punkcie, w którym go nie zwiększamy. Aby uzyskać bardziej przejrzysty pogląd na ten temat, sprawdźmy następujący przykład.

Przykład

Poniższy kod zawiera operator inkrementacji ++.

var i=1;
while (i<=5)(
console.log("Hello");
i++;
)

Wynik:

Teraz zobaczmy trochę kodu bez operatora przyrostu. Wypróbuj następujący kod.

W JavaScript musisz zadeklarować zmienną i zainicjować ją. Pomijanie tego procesu może powodować błędy w czasie wykonywania w kompilatorze.

var i=1;
while (i<=5)(
console.log("Hello");
i++;
)

Wynik:

Uruchom powyżej kodu, a zobaczysz, że kod działa nieskończenie.

Nie ma końca drukowania nazwy Hello. Aby upewnić się, że otrzymamy określoną liczbę słów jako wynik, musimy używać operatora inkrementacji lub dekrementacji wraz z pętlą while.

Schemat przepływu

Ogólnie pętla jest podzielona na 3 części.

  1. Inicjalizacja: przypisywanie wartości do zmiennej
  2. Warunek: warunek sprawdzenia, czy to prawda czy fałsz
  3. Zwiększanie lub zmniejszanie: operatory te są przydatne do automatycznego zwiększania lub zmniejszania pętli.

Przyjrzymy się bliżej wszystkim tym stanom pętli w nadchodzącym przykładzie.

Ważną częścią każdego programu jest jego logika. Przyjrzyj się uważnie poniższemu schematowi blokowemu na początku programu, w którym musimy zainicjować zmienną.

Inicjowanie to nic innego jak przypisanie wartości tej zmiennej, która ma być użyta. Po inicjalizacji dobrze jest zastosować pętlę while. w pętli while sprawdzamy warunek. na przykład i <= 5. pętla rozpocznie się, jeśli warunek jest spełniony. Jeśli warunek jest fałszywy, wyjdziemy bezpośrednio z pętli. Ogólnie mówiąc, gdy mówimy o wyjściu z pętli, potrzebujemy operatorów inkrementacji (++) i dekrementacji (-).

Przykłady

Pomyślmy o przykładzie z operatorem dekrementacji. Do tej pory widzieliśmy pętlę while z operatorem inkrementacji (++). Teraz będziemy obserwować operator dekrementacji (-). Operator dekrementacji, jak sugeruje nazwa, zmniejsza wartość zmiennej zgodnie z podanymi wymaganiami. Pętla zatrzyma się, gdy warunek stanie się fałszywy.

Przykład:

var i=5;
while (i>=1)(
console.log("Hello World");
i--;
)

Wynik:

Jeśli uruchomisz powyższy program, znajdziesz takie samo wyjście, jakie widziałeś u operatora inkrementacji.

Przykład:

fruits = 1;
while (fruits <= 5) (
console.log(fruits + " has to be there");
fruits++;
)
console.log("there are total " + (fruits - 1) + " rounds to market.");

Wynik:

Przykład: Podczas pętli z tablicą

var fruits = ("Apple", "Banana", "Kiwi", "Pinaple");
total = 0;
while (total < fruits.length) (
console.log("There is " + fruits(total)+ " in the basket");
total++;
)

Wynik:

Przykład

var balance = 0;
var greet = "";
while (balance <= 10) (
greet = greet + "\n I have added $" + balance+ " in my account";
balance ++;
)
console.log(greet);

Wynik:

We wszystkich powyższych przykładach widzieliśmy, jak możemy pracować z pętlą while. Pętla jest możliwa, gdy warunek się spełni. Zmień warunki. Wypróbuj prawdziwe i fałszywe stwierdzenia. Obserwuj wynik.

Podczas gdy pętla zawsze sprawdza warunek. Jeśli warunek jest spełniony, zostanie wykonany.

Oszczędza nam to powtarzania pracy. Spróbuj więc kilka razy i zabrudz ręce.

Wniosek

Pętle odgrywają ważną rolę w programowaniu. Pomagają ograniczyć powtarzalne zadania i wykonują je automatycznie. Jeśli mamy prawidłową logikę, to pętla oszczędza mnóstwo czasu programistom.

Polecane artykuły

To jest przewodnik po While Loop w JavaScript. tutaj omawiamy, jak działa pętla podczas pracy w JavaScript z przykładami, schematem przepływu i wynikami. Możesz także zapoznać się z następującymi artykułami, aby dowiedzieć się więcej -

  1. Podczas pętli w Javie
  2. Pętle w R.
  3. Tablice w JavaScript
  4. Pętle w C.

Kategoria:

Rozwój oprogramowania