Witamy z powrotem w ciągu najbliższych kilku filmach mamy zamiar omówić pętli javascript.
Więc mamy kilka różnych celów.
Pierwszym z nich jest, aby zrozumieć, dlaczego używamy pętli i czym są.
Kolejnym z nich jest, aby zrozumieć, co wyschnięcia to skrót Diyar dlaczego, co to oznacza i jak pisać kod sucho.
I wtedy wreszcie będziemy pisząc kilka prostych dzikie pętle, aby rozpocząć.
Więc tutaj jest problem będę stwarzać jeśli chcę go wydrukować numery od 1 do 10, każdy z nich na innej linii, co wiemy do tej pory.
Chciałbym mieć 10 różnych minusy. dzienniki i to nie jest już idealne, ale co zrobić, jeśli chciałam zrobić każdą liczbę z przedziału od 1 do 10000 lub pierwszy milion cyfr nagle mam napisać dużo kodu siebie.
Tak to jest, gdy są w pętle.
Tak więc, mimo że prawdopodobnie nie będzie drukować numery od 1 do 10000 w rzeczywistej aplikacji produkcyjnych.
Weźmy przykład takich jak Facebook, gdzie pojedyncze zdjęcia lub placówka może mieć 10000 różne komentarze na temat tego, jak te zdjęcia, które wykraczają wirusowe.
Dostają tysiące komentarzy za kulisami.
Jest pewnego rodzaju pętli, który jest używany, aby wydrukować wszystkie komentarze na stronie, a nie dla każdego dodać opinię, która chciałaby być oddzielną linię kodu.
Więc zanim widzimy składnię dzikich pętli w javascript Chcę przedstawić tę koncepcję zwaną suchą kod tak suche oznacza.
Dry.
Jest to koncepcja, która jest wrzucony wokół partii w różnego rodzaju języków programowania, ale sprowadza się to do tego, że nie chcemy powtórzyć nasz kod.
Więc jeśli spojrzeć na ten przykład.
Kod ten jest bardzo powtarzalne.
Jedyną różnicą jest to numer, że jesteśmy drukowania.
Ale poza tym każda linia jest taka sama.
Więc ten kod nie jest to, co uważamy za suche.
Niektórzy ludzie nazywają to mokre, które słyszałem, co oznacza kod prawo.
Wszystko dwa razy to nie tak często usłyszeć choć jak suche.
Więc co zrobić pętle właśnie one pozwalają nam wysychają naszego kodu.
Są one jednym z narzędzi, jakimi dysponujemy.
Niektóre z innych, że dowiemy się później, są funkcjami tablic i obiektów, ale pętle są najbardziej fundamentalna.
Więc mamy zamiar zacząć od rozmowy o.
Istnieje wiele rodzajów pętli, która będzie zobaczyć pierwszy z nich jest pętla while i pętli while jest bardzo podobna do instrukcji IF.
Tak to trwa stan jak X mniej niż pięć lub odpowiedzi nie równa i, a następnie podczas gdy warunek jest spełniony będzie powtórzyć kod, który możemy umieścić w zestawie nawiasy.
So if jest bardzo podobny oprócz tego, że nie powtarza kod to po prostu działa w jednym czasie, podczas gdy pętla będzie nadal uruchomić kod jak długo warunek jest spełniony.
Tak oto przykład.
W ten sposób możemy drukować numery od 1 do 5 za pomocą pętli while.
Więc zaczynamy ze zmienną o nazwie liczba może być o nazwie wcale nie liczą zaczęliśmy dzień 1.
Następnie mamy pętli while z warunkiem, że mówi liczyć mniej niż 6.
Tak więc po raz pierwszy w tym kod jest uruchamiany liczba jest równa 1.
Więc jeden jest mniejsza niż sześć.
Tak to prawda.
Więc oto przykład użycia pętli while drukować numery od 1 do 5.
Więc zacznij od początku.
Więc zacznij od inicjalizacji zmiennej o nazwie count może być nazwany cokolwiek.
I zaczęliśmy jako jeden wtedy mamy pętli while a składnia jest znowu chwila, a następnie stan.
W tym przypadku warunek jest liczyć mniej niż 6.
Tak więc po raz pierwszy, że ta pętla uruchamia licznik to 1.
Tak więc jeden mniej niż sześć, jest prawdą.
Tak więc ten kod jest uruchamiany.
Więc to będzie wydrukować liczba wynosi 1, a następnie będzie dodać 1 do liczenia, a następnie idzie ponownie.
I sprawdza się licznik, który ma to do mniej niż 6.
To prawda.
Więc to drukuje ponownie i to dodaje 1 do policzenia.
Teraz to trzy.
Jest to prawdziwe ponownie.
Więc drukuje liczy trzy dodaje jeden liczyć co jest cztery i tak dalej aż do ostatecznego Licznik czasu jest pięć pięć jest mniejsza niż sześć.
Drukujemy się liczyć pięć.
Dodajemy jedną liczyć który jest obecnie sześciu.
A potem próbuje uruchomić ponownie i realizuje sześć jest nie mniejsza niż sześć.
Tak to się robi i to wszystko.
Więc pójdę do przodu i otworzyć moje con. i uruchomić ten kod wystarczy wkleić go tutaj.
Licznik zaczyna się od 1.
Biegnie dzikie liczba jest mniejsza niż sześć.
I wciśnij enter, a ja się liczy 1 w dół, aż do czasu mógł liczyć pętla jest pięć, więc może również spróbować zmienić ten kawałek gdybym chciał drukować numery od pięciu do 20, jeśli chciałem 20, które należy uwzględnić.
musiałbym zmienić albo być mniejsza lub równa 20 lub mniej niż 21 lat.
Więc zrobię mniejsze lub równe i że faktycznie to 20 jak widać pięć dół do 20.
Podobnie Mogę też robić rzeczy, w których nie jestem tylko dodanie jednej za każdym razem.
Więc jeśli chcę liczyć dwójkami Chciałbym tylko napisać liczyć także równa się dwa, a nie tylko dodanie jednego.
Więc tym razem rozpocznie się 5.
Wtedy będzie przejść.
Warunek jest prawdziwy.
To wypisuje liczbę i dodaje do niego.
Teraz jesteśmy o siódmej, a następnie dodaje się do następnego razu i tak dalej i skończymy z tym 5 7 9 11 13:15 1719.
Więc jak można prawdopodobnie zobaczyć już pętla może pomóc nam zaoszczędzić sporo czasu zamiast mieć 10 różnych wad o oświadczeniach dziennika lub 15 Konst o oświadczeniach dziennika.
Właśnie napisałem go jeden raz w pętli i że dba o resztę za nas.
Więc mam inny przykład tutaj, gdzie zamiast liczb prostu drukowania używamy pętli while pętli łańcucha i wydruki każdy znak oddzielnie więc wyjście wygląda następująco.
H E L L O N odrębne życie.
Więc to jest pięć.
Konsola oświadczenia dot dziennika i sposób, w jaki możemy osiągnąć, że zaczynamy z naszej sznurka równą cześć.
To się nazywa jak TR to mamy nasze konta, które będzie numer, który używamy, aby uzyskać dostęp znak w łańcuchu.
Jest to indeks.
I pamiętam, pierwszy znak jest zawsze o indeksie 0.
Tak więc to, co mamy zamiar zrobić, to powiedzieć, gdy liczba jest mniejsza niż długość napisu więc długość jest dwa, trzy, cztery lub pięć.
Więc gdy liczenie jest mniejsza niż 5 Jedziemy wydrukować łańcuch o charakterze dodać indeks count.
Więc, co to znaczy, że otworzę moje konsulem i zwiększenia przez to.
Zaczynamy This tutaj.
String jest równy komentarzy VARK liczy wynosi zero.
Więc zamiast po prostu kopiowanie pętli while ciągu mam zamiar zacząć właśnie pokazano, jak to działa.
Więc gdy liczba jest mniejsza niż długość łańcucha i długość łańcucha wynosi pięć.
Tak 0 jest mniej niż 5.
To prawda.
Jedziemy, aby anulować tę liczbę wspornik ciąg dziennika.
Tak, że będzie ciąg zera co daje nam godzinę.
A potem dodasz liczyć więc liczyć także plusem.
Więc teraz liczyć to 1.
Więc powtarzam to znowu się liczyć mniej niż długość łańcucha jest mniejsza niż pięć.
Tak.
Więc teraz robimy tę linię ponownie.
Konsola dot dziennika ciąg liczenia i liczenia jest obecnie 1.
Tak nam się go zdobyć.
Więc ten utrzymuje dalej, aż do ostatniej chwili lub wydruku OH i dodamy 1 policzyć który następnie jest równa 5 i 5, jest nie mniejsza niż 5.
Tak więc pętla się skończy.
Pamiętaj, że długość jest zawsze o jeden większy niż najwyższy wskaźnik sznurku.
Tak więc długość pięciu znaków, ale indeks maksymalnej wynosi cztery, ponieważ zaczynają się od 0 1 2 3 0 jest w tabeli 4.
Tak to jest, jak można użyć pętli wydrukować każdy znak w ciągu.
Dlatego trzeba pamiętać o szalenie AUPS jest to, że możemy stworzyć coś, co nazywa nieskończoną pętlę.
Jeśli nie jesteś ostrożny.
Więc nieskończonej pętli występuje wówczas, gdy warunek, że zapewniamy nigdy nie jest fałszywa.
Więc tylko tam dzieje i chodzić i chodzić i chodzić zawsze i są oczywiście problematyczne.
Mogą one zniszczyć przeglądarkę.
Zajmują całą pamięć w javascript.
To nie jest coś, co kiedykolwiek chcesz robić.
Więc tutaj jest przykładem tego, jak można by się stało.
Musimy liczyć równe zeru, a następnie mówimy wow licznik jest mniejszy niż 10 zaprzepaszczone Ilość dziennika.
Dobrze jest zawsze liczyć mniej niż 10, bo to zera, a my nigdy nie zmienia liczyć.
Więc nigdy nie jest zwiększany nigdy nie będzie ponad 10.
Tak więc będzie to po prostu wydrukować zera zawsze.
Dlatego nie zaleca się to zrobić, ale można skopiować to i wkleić go do swojej konsoli.
A co widać byłoby drukować mnóstwo zer, aby rozpocząć.
I zamiast uruchomiony nieskończenie większość przeglądarek w dzisiejszych czasach rzeczywiście zatrzymują je i poinformować, że istnieje jakiś zły kod napisany jest jakaś pętla nieskończona, który jest uruchomiony.
Tak po prostu, że kontrastują z pętlą tak.