Podstawy Programowania: Przerywanie lub kontynuacja pętli

0:00W tej lekcji pokażę Ci ostatnią związaną z

0:03pętlami istotną rzecz a mianowicie jak kontynuować lub przerywać pętlę.

0:07Na początek będziemy chcieli sobie

0:09stworzyć taką pętlę, która wyświetli nam wszystkie liczby od zera do dwudziestu ale

0:13wyłącznie liczby nieparzyste. I zrobimy to z użyciem pętli for.

0:17Na początku tutaj inicjujemy zmienną, którą

0:19nazwiemy i tak jak robiliśmy to do tej pory ale możesz ją nazwać dowolnie.

0:23Będzie to zero. Chcemy tę pętle wykonywać tak długo jak i

0:27jest mniejsze lub równe 20 i będziemy zwiększać wartość i.

0:31Czyli jeżeli teraz bym wyświetlił i, to zostaną wyświetlone liczby od zera do

0:3620. Ale teraz chciałbym pomijać te liczby, które są liczbami parzystymi.

0:41Jak możemy sprawdzić czy liczba jest parzysta.

0:44Zrobimy to z użyciem operatora Modulo,

0:46który już Ci w tym kursie pokazywałem i instrukcji warunkowej if.

0:50Czyli jeżeli i dzielone przez dwa równa się zero to wiemy, że i jest liczbą

0:58parzystą dlatego, że reszta z dzielenia jeżeli jest zero jak

1:01dzielimy przez 2 to jest to liczba parzysta. Czyli np.

1:042 dzielone przez 2 to jest jeden i reszta zdania zero ale jak 3 podzielimy przez 2

1:09to jest jeden i reszta z dzielenia 1. Czyli wtedy tutaj będzie czy 1 równa się zero?

1:14Nie.

1:14Więc ten warunek czy ten kod, który tutaj podamy się nie wykona.

1:18A więc co będziemy chcieli zrobić jeżeli i

1:21na tym etapie to już wiemy jest liczbą nieparzystą.

1:24Otóż będziemy chcieli skorzystać z takiego

1:26słowa kluczowego a w zasadzie to jest instrukcja continue,

1:32w ten sposób się to zapisuje i tego słowa

1:34można używać wyłącznie w pętlach czyli w dowolnym innym miejscu w programie

1:38gdybyś to wpisał to nie będzie to poprawne ale wewnątrz pętli już tak.

1:42A więc jeżeli teraz zapiszemy, ja może tutaj sobie kliknę prawym przyciskiem

1:46wybiorę Clear, zapisze jeszcze raz, zauważ, że wyświetliliśmy wyłącznie liczby nieparzyste.

1:52Z kolei gdybyśmy tutaj chcieli wyświetlić

1:54liczby parzyste to musielibyśmy ten warunek odwrócić.

1:57Wtedy wyświetli byśmy wyłącznie liczby parzyste. A więc możesz zobaczyć, że continue

2:02pozwala nam nie przerwać pętli ale powiedzieć kontynuuj.

2:05I co dokładnie się stało to jeszcze sobie omówmy bo jest to dosyć ważne.

2:09Otóż wchodzimy do takiej pętli standardowo

2:12sprawdzamy czy i jest mniejsze lub równe 20 0 jest mniejsze lub równe 20 więc

2:16zaczynamy wykonywanie tego bloku kodu i zaczynamy sprawdzać czy 0

2:23dzielone przez 2 czy reszta z dzielenia

2:25jest zero. W tym przypadku tak będzie a więc można powiedzieć, że nasz warunek jest

2:29prawdziwy czyli 0 jest liczbą parzystą i wykonamy continue. Co robi continue?

2:35Otóż przechodzi do kolejnej iteracji

2:36pętli. Czyli wszystko co jest poniżej instrukcji continue już się nie wykona.

2:41Dlatego jeżeli robiliśmy console.log(i) wiemy, że na tym etapie i ma wartość 0 ale z jakiegoś

2:46powodu ten console.log nie wyświetlał nam zero. Bo ta linijka nigdy się nie wykonała.

2:51Czyli w momencie kiedy

2:53platforma, która wykonuje nam kod zobaczy instrukcję continue nie robi już

2:57nic co jest pod spodem tej pętli i oczywiście nie mówimy o rzeczach, które są

3:01tutaj poza tą pętlą ale tylko o tym co jest wewnątrz tej pętli a więc w tym bloku

3:05kodu. Robimy continue czyli kontynuuj a więc przechodzimy do kolejnej iteracji a

3:11to oznacza, że zwiększymy wartość i, i znowu sprawdzimy warunek.

3:15Później i będzie miało 1 a więc ten warunek

3:18zwróci false, continue się nie wykona dlatego po prostu wyświetlimy jeden.

3:23Znowu przejdziemy tutaj zwiększymy do dwójki.

3:26Znowu tutaj będzie, że jest to liczba parzysta a

3:28więc continue się wykona i to się nie wykona z kolei ale wrócimy tutaj.

3:32No i tak aż do samego końca.

3:34Jak widzimy w ten sposób wyświetliliśmy tylko liczby nieparzyste.

3:38Kolejną rzeczą bardzo istotną jest przerywanie pętli. Dlatego, że continue nie

3:42przerwało pętli ale tylko powiedziało kontynuuj,

3:45a więc nie rób niczego co jest pod spodem tylko przejść do kolejnej iteracji.

3:49Natomiast możemy również przerywać pętlę i żeby pokazać Ci jak to zrobić to napiszemy sobie

3:53tutaj taki skrypt, który pozwoli nam sprawdzić czy w danej tablicy znajduje się

3:59liczba 0. Więc utworzę sobie tablicę numbers

4:02i tutaj będę chciał podać jakieś cyfry,

4:05jakieś liczby po prostu 2, 3, 20, 8, 50, 0 i powiedzmy 17 i teraz będziemy chcieli się

4:13dowiedzieć czy w tej tablicy numbers znajduje się zero czy nie.

4:17Żeby to zrobić będziemy musieli po kolei sprawdzać wszystkie elementy i przyrównywać

4:21je do zera oraz mieć jakąś zmienną, która będzie w stanie nam przechowywać tą

4:25wartość. Więc utworzę zmienną, którą nazwę containsZero i przypiszę jej wartość false.

4:32Więc ja ją sobie tak po prostu nazwałem żebym wiedział o co chodzi, ona

4:35tłumacząc na polski mówi czy zawiera 0 powiedziałem, że nie.

4:39Na początku ustawiam to na wartość nie i dopiero potem będę sprawdzał.

4:43Jeżeli znajdziemy 0 to będziemy chcieli

4:45zmienić wartość tej zmiennej na true żebyśmy mieli containsZero true,

4:50czyli prawda.

4:51Wykonamy sobie pętlę for tak jak do tej pory a więc utworzę zmienną i równą 0,

4:56będę chciał wykonywać pętle tak długo jak i jest mniejsze od numbers.length.

5:01Dokładnie to co już robiliśmy wcześniej i będę zwiększał wartość i. Czyli

5:05dzięki temu będziemy mogli przeiterować po całej tej tablicy.

5:09Na początek oczywiście mogę wyświetlić

5:11sobie to co znajduje się pod i a to co mieliśmy tutaj u góry może

5:15wykomentuje żeby na razie się nie pojawiało, zapisze,

5:18no i zauważ, że to nam wypisało całą naszą

5:20tablicę. A więc skoro pod numbers i dostaje kolejno 2, 3, 28 czy 0 to będę mógł

5:27sprawdzić czy ta wartość to jest zero czy nie.

5:30Zatem będę chciał tutaj zrobić coś takiego if numbers i

5:36równa się zero, to będę chciał przypisać wartość tej zmiennej czyli containsZero

5:43na true. Tylko w takim wypadku. I teraz jak ta pętla się już zakończy

5:49to w tej zmiennej containsZero albo

5:51będziemy mieli false, które na początku przypisaliśmy

5:53albo jeżeli faktycznie któraś z tych

5:55wartości to było zero to zostanie to zamieniony na true.

5:58Dlatego będziemy mogli tutaj to wyświetlić w ten sposób

6:03i swoją drogą możemy tutaj skorzystać z tego skróconego zapisu if czyli Ternary Operator

6:08pokaże Ci jak można warunkowo w jednej linijce sobie coś wyświetlić.

6:12Otóż chciałbym wyświetlić czy ta tablica zawiera zero czy nie w formie

6:16czytelnego dla człowieka komunikatu więc powiemy tak, i w containsZero

6:21jeżeli ta wartość jest prawdziwa jeżeli

6:24tu będzie true to chcemy wstawić tutaj tekst i napisać

6:28tablica zawiera zero.

6:31W przeciwnym wypadku czyli po dwukropku tablica nie zawiera zera.

6:37Zrobimy to tak,

6:39jeżeli nie pamiętasz jak działa ten operator wróć do lekcji o skróconym

6:42zapisie if, generalnie jeżeli ta wartość tutaj jest prawdziwa to wstawiamy to co

6:47było po znaku zapytania jeżeli jest fałszywa czyli będzie false

6:50to to co jest po dwukropku. I to zostanie przekazane do console.loga. OK.

6:54Jeżeli teraz zapisze to widzimy tablica zawiera zero. Jeżeli tu tego zera by nie było

7:00to będziemy mieli tablica nie zawiera zera.

7:03Ale przejdźmy wreszcie do sedna czyli do przerywania pętli.

7:07Dlaczego?

7:07Będę chciał tutaj wyświetlać za każdym razem wartość jaką mamy pod numbers i,

7:13i to 0, które tutaj mieliśmy może go wystawimy troszeczkę wcześniej czyli np.

7:16tutaj.

7:18Zapisuje jeszcze raz i widzimy, że

7:20wyświetliliśmy 2, 3, 20, 0 i wszystkie pozostałe liczby i mamy, że tablica zawiera zero.

7:25Ale pomyślmy nad tym chwilę, skoro szukamy czy tablica zawiera zero, to jeżeli

7:30doszliśmy do momentu gdzie to 0 znaleźliśmy to bez sensu jest już

7:33sprawdzać kolejne wartości i marnować czas pracy procesora. No bo skoro zero

7:37znaleźliśmy, ustawiliśmy zmienną containsZero na true to naprawdę już nie ma sensu

7:43sprawdzać w kolejnej iteracji czy to co jest po 0 czyli 8 czy to jest równe zero.

7:47Nie ma znaczenia nawet jak tu będzie

7:48kolejne zero też nas to nie obchodzi bo już wiemy, że jakieś 0 się tutaj znajduje

7:52i jesteśmy tym usatysfakcjonowani. Dlatego to co możemy zrobić, tutaj najpierw wyczyszczę,

7:58to użyć instrukcji break w tym momencie. A

8:01więc mieliśmy tutaj u góry instrukcję continue, która mówiła nie wykonuj już tego

8:05co jest pod spodem tylko przejść do kolejnej iteracji,

8:08natomiast jest również instrukcja break,

8:10która też mówi nie wykonuj niczego co mogłoby tutaj być gdzieś pod spodem np.

8:14tutaj ale również nie przechodź do

8:16kolejnej iteracji tylko zakończ tę pętlę,

8:18a skoro zakończ to znaczy wyskocz do kolejnej linijki i wykonuj ten kod.

8:23Jeżeli teraz zapisze zauważ, że mamy tutaj wyświetlone tylko 2, 3, 20 i 0. Bo w

8:28momencie jak doszliśmy do zera, ono się tutaj wyświetliło, sprawdziliśmy czy to

8:33jest zero, przypisaliśmy sobie wartość tej zmiennej i powiedzieliśmy break, zakończ

8:38pętlę. A to oznacza, że już nie sprawdzaliśmy tych kolejnych wartości i że

8:42ten warunek już tutaj przestał być sprawdzany po prostu pętla zakończyła swoje działanie.

8:47Dzięki temu troszkę lepiej zoptymalizowaliśmy nasz program bo nie będziemy przeszukiwać

8:51takiej bardzo długiej tablicy załóżmy, że to byłoby bardzo, bardzo dużo różnych liczb

8:56nie ma sensu sprawdzać jeżeli już jesteśmy usatysfakcjonowani.

8:59Możemy w ten sposób pętle przerwać.

9:02Jak zatem widzisz dwie bardzo potrzebne instrukcje czyli continue i break,

9:06natomiast jak je wykorzystywać w praktyce w jakich przypadkach

9:09to tak jak z wszystkimi innymi rzeczami

9:11uwierz mi, że to wyjdzie w praktyce. Czy wyjdzie w praniu.

9:14Kiedyś po prostu będziesz wiedział, że chcesz z tego korzystać,

9:17natomiast w tym kursie a także wielu innych naszych kursach wielokrotnie

9:20będziesz widział jak autorzy takiego kursu korzystają z tych instrukcji więc

9:24najważniejsze jest żebyś wiedział jak one działają a kiedy mogą być przydatne to na

9:29pewno wszystko wyjdzie tak jak wspomniałem w praniu. Więc tym na razie się nie martw,

9:33po prostu zapamiętaj co te instrukcje dla nas robią.