JavaScript: Pętla while

0:00Pierwszą z pętli w języku JavaScript, jaką omówimy jest pętla while

0:04i wygląda ona w następujący sposób. Piszemy sobie while,

0:07następnie podajemy jakieś wyrażenie, które będzie wykonywane za każdym obrotem tej

0:12pętli i następnie blok kodu, który ma się w tej pętli wykonać.

0:16Więc żebyśmy mogli tutaj zrobić jakiś prawdziwy

0:18przykład, to utworzę sobie zmienną number, której przypiszę wartość 10

0:22i teraz chcę powiedzieć, że while

0:23czyli tak długo jak number jest większe od zera to chcę wyświetlić w konsoli number.

0:30Natomiast w ten sposób stworzyli byśmy pętlę nieskończoną dlatego, że wyświetlimy

0:35number i znowu sprawdzimy czy 10 jest większa od zera.

0:38Tak, więc znowu będziemy wykonywać ten kod. A zatem musimy w jakiś sposób sprawić, aby

0:44tutaj wartość tej zmiennej się zmieniała, aby ten warunek w pewnym momencie zwrócił

0:48false. I wystarczy, że tutaj oczywiście zrobimy number minus minus, czyli zdekrementujemy

0:53tę wartość, więc ona będzie miała 9 itd.

0:56W pewnym momencie dojdzie do zera i to przestanie się wyświetlać.

0:59Zobaczmy.

1:00Mamy liczbę od 10 do 1 i pętla się zakończyła.

1:04Tak jak wspomniałem tutaj podajemy dowolne wyrażenie, które ewaluuje do prawdy lub

1:07fałszu, czyli tak samo jak w przypadku instrukcji warunkowej if.

1:11W tym przypadku to ten operator dba o to,

1:14żeby z całego tego wyrażenia zwrócić true lub false.

1:17Natomiast jeżeli byśmy tutaj powiedzieli

1:18while 10, to stworzyli byśmy pętlę nieskończoną

1:21chociaż 10 to nie jest true, ale jest to traktowane jako wartość prawdziwa.

1:25Czyli tutaj dokładnie tak samo to działa jak w przypadku instrukcji if.

1:28Pokażę Ci jeszcze jeden prosty przykład.

1:30Wykorzystamy funkcję prompt dostępną w przeglądarce.

1:33Czyli chciałbym stworzyć coś takiego jak secretNumber,

1:35czyli jakaś sekretna liczba do odgadnięcia,

1:39będzie to 2 i chcę stworzyć taki programik, który będzie wyświetlał takie

1:43pole Podaj liczbę i jak podamy poprawną no to wyświetlimy

1:47brawo, a jak podamy niepoprawną to jeszcze

1:49raz chcemy zapytać o tę liczbę. Więc możemy powiedzieć while i skorzystać z

1:53funkcji, która jest dostępna tylko w przeglądarkach internetowych.

1:56Więc to jest ważne, że ta funkcja nie jest

1:58częścią języka JavaScript, ale środowiska przeglądarki internetowej i np.

2:02gdybyśmy ten kod uruchomili w Node.js, to nie zadziała,

2:05to o tym pamiętaj.

2:06Ona się nazywa prompt i tutaj podajemy co ma się wyświetlić, czyli podaj liczbę

2:12i teraz ta funkcja sprawi, że na stronie internetowej wyświetli się okienko.

2:16Jeżeli do tego okienka ktoś coś wpisze

2:18to ta funkcja to zwróci, czyli tu zostanie podstawione to co ktoś wpisał.

2:22Więc będziemy mogli sobie tutaj porównać.

2:24I jeżeli liczba, którą ktoś wpisał nie jest

2:26równa secretNumber i zauważ, że porównuje w ten sposób za pomocą takiego operatora a

2:31nie takiego, dlatego, że to co zwróci ta funkcja to będzie string.

2:34Czyli jak ktoś tam wpiszę dwójkę to będę porównywał string 2 do liczby 2, którą mam

2:39tutaj, czyli tak długo jak to co ktoś tam podał nie jest równe secretNumber

2:44chcemy wyświetlić alert,

2:45to jest też funkcja dostępna w przeglądarkach internetowych,

2:48Nie trafiłeś.

2:51Natomiast w momencie, kiedy

2:53ta pętla przestanie się wykonywać, chcemy wyświetlić alert

2:55Brawo!

2:58OK, zobaczymy jak to będzie wyglądać.

3:00To jest właśnie to okienko prompt, czyli kod się wykonywał z góry na dół,

3:03doszliśmy tutaj,

3:04funkcja prompt zatrzymała wykonywanie tego wszystkiego

3:07i to co ja tam wpiszę np.

3:0810 zostanie tutaj podstawione pod to zaznaczenie i porównamy.

3:13I tak długo jak 10 nie jest równe 2, które mamy tutaj wyświetlamy

3:18Nie trafiłeś i pętla musi się wykonać

3:19jeszcze raz. Zobaczmy.

3:21Nie trafiłeś

3:22i jeszcze raz wykonujemy ten sam kod.

3:24Jeżeli wpisze 3 znowu nie trafiłeś.

3:26I tak będzie w nieskończoność.

3:27Natomiast jak wpiszę dwójkę to mamy prawo i ten program się zakończył.

3:31Czyli jak widzisz w pętli while może być

3:33dowolny warunek i w różnych sytuacjach ona może być wykorzystana.