1
00:00:00,840 --> 00:00:06,560
Witamy z powrotem w ciągu najbliższych kilku filmach mamy zamiar omówić pętli javascript.

2
00:00:06,570 --> 00:00:08,290
Więc mamy kilka różnych celów.

3
00:00:08,340 --> 00:00:12,280
Pierwszym z nich jest, aby zrozumieć, dlaczego używamy pętli i czym są.

4
00:00:12,300 --> 00:00:19,080
Kolejnym z nich jest, aby zrozumieć, co wyschnięcia to skrót Diyar dlaczego, co to oznacza i jak pisać kod sucho.

5
00:00:19,380 --> 00:00:23,640
I wtedy wreszcie będziemy pisząc kilka prostych dzikie pętle, aby rozpocząć.

6
00:00:24,780 --> 00:00:32,720
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.

7
00:00:32,820 --> 00:00:47,120
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.

8
00:00:47,370 --> 00:00:48,940
Tak to jest, gdy są w pętle.

9
00:00:48,960 --> 00:00:55,330
Tak więc, mimo że prawdopodobnie nie będzie drukować numery od 1 do 10000 w rzeczywistej aplikacji produkcyjnych.

10
00:00:55,470 --> 00:01:04,340
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.

11
00:01:04,380 --> 00:01:07,650
Dostają tysiące komentarzy za kulisami.

12
00:01:07,650 --> 00:01:16,290
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.

13
00:01:16,320 --> 00:01:24,470
Więc zanim widzimy składnię dzikich pętli w javascript Chcę przedstawić tę koncepcję zwaną suchą kod tak suche oznacza.

14
00:01:24,470 --> 00:01:25,910
Dry.

15
00:01:26,190 --> 00:01:33,210
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.

16
00:01:33,210 --> 00:01:35,540
Więc jeśli spojrzeć na ten przykład.

17
00:01:35,820 --> 00:01:38,360
Kod ten jest bardzo powtarzalne.

18
00:01:38,370 --> 00:01:40,690
Jedyną różnicą jest to numer, że jesteśmy drukowania.

19
00:01:40,980 --> 00:01:43,860
Ale poza tym każda linia jest taka sama.

20
00:01:43,860 --> 00:01:47,710
Więc ten kod nie jest to, co uważamy za suche.

21
00:01:47,790 --> 00:01:52,490
Niektórzy ludzie nazywają to mokre, które słyszałem, co oznacza kod prawo.

22
00:01:52,500 --> 00:01:55,790
Wszystko dwa razy to nie tak często usłyszeć choć jak suche.

23
00:01:55,830 --> 00:01:59,000
Więc co zrobić pętle właśnie one pozwalają nam wysychają naszego kodu.

24
00:01:59,010 --> 00:02:01,040
Są one jednym z narzędzi, jakimi dysponujemy.

25
00:02:01,110 --> 00:02:07,690
Niektóre z innych, że dowiemy się później, są funkcjami tablic i obiektów, ale pętle są najbardziej fundamentalna.

26
00:02:08,550 --> 00:02:10,840
Więc mamy zamiar zacząć od rozmowy o.

27
00:02:11,100 --> 00:02:18,440
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.

28
00:02:18,690 --> 00:02:33,270
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.

29
00:02:33,480 --> 00:02:43,350
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.

30
00:02:43,740 --> 00:02:45,020
Tak oto przykład.

31
00:02:45,060 --> 00:02:49,330
W ten sposób możemy drukować numery od 1 do 5 za pomocą pętli while.

32
00:02:49,410 --> 00:02:55,020
Więc zaczynamy ze zmienną o nazwie liczba może być o nazwie wcale nie liczą zaczęliśmy dzień 1.

33
00:02:55,350 --> 00:03:01,610
Następnie mamy pętli while z warunkiem, że mówi liczyć mniej niż 6.

34
00:03:01,650 --> 00:03:05,610
Tak więc po raz pierwszy w tym kod jest uruchamiany liczba jest równa 1.

35
00:03:06,000 --> 00:03:07,820
Więc jeden jest mniejsza niż sześć.

36
00:03:07,860 --> 00:03:09,820
Tak to prawda.

37
00:03:09,900 --> 00:03:14,340
Więc oto przykład użycia pętli while drukować numery od 1 do 5.

38
00:03:14,700 --> 00:03:16,650
Więc zacznij od początku.

39
00:03:17,400 --> 00:03:21,410
Więc zacznij od inicjalizacji zmiennej o nazwie count może być nazwany cokolwiek.

40
00:03:21,660 --> 00:03:29,360
I zaczęliśmy jako jeden wtedy mamy pętli while a składnia jest znowu chwila, a następnie stan.

41
00:03:29,550 --> 00:03:33,100
W tym przypadku warunek jest liczyć mniej niż 6.

42
00:03:33,120 --> 00:03:36,550
Tak więc po raz pierwszy, że ta pętla uruchamia licznik to 1.

43
00:03:36,780 --> 00:03:39,090
Tak więc jeden mniej niż sześć, jest prawdą.

44
00:03:39,270 --> 00:03:41,310
Tak więc ten kod jest uruchamiany.

45
00:03:41,970 --> 00:03:49,340
Więc to będzie wydrukować liczba wynosi 1, a następnie będzie dodać 1 do liczenia, a następnie idzie ponownie.

46
00:03:49,590 --> 00:03:54,150
I sprawdza się licznik, który ma to do mniej niż 6.

47
00:03:54,300 --> 00:03:54,980
To prawda.

48
00:03:55,020 --> 00:03:57,990
Więc to drukuje ponownie i to dodaje 1 do policzenia.

49
00:03:57,990 --> 00:03:59,310
Teraz to trzy.

50
00:03:59,400 --> 00:04:00,650
Jest to prawdziwe ponownie.

51
00:04:00,750 --> 00:04:11,010
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ść.

52
00:04:11,040 --> 00:04:13,090
Drukujemy się liczyć pięć.

53
00:04:13,170 --> 00:04:15,450
Dodajemy jedną liczyć który jest obecnie sześciu.

54
00:04:15,750 --> 00:04:20,600
A potem próbuje uruchomić ponownie i realizuje sześć jest nie mniejsza niż sześć.

55
00:04:20,880 --> 00:04:23,600
Tak to się robi i to wszystko.

56
00:04:23,610 --> 00:04:28,530
Więc pójdę do przodu i otworzyć moje con. i uruchomić ten kod wystarczy wkleić go tutaj.

57
00:04:28,530 --> 00:04:29,970
Licznik zaczyna się od 1.

58
00:04:30,000 --> 00:04:33,530
Biegnie dzikie liczba jest mniejsza niż sześć.

59
00:04:33,570 --> 00:04:50,230
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ć.

60
00:04:50,230 --> 00:04:55,780
musiałbym zmienić albo być mniejsza lub równa 20 lub mniej niż 21 lat.

61
00:04:56,260 --> 00:05:03,710
Więc zrobię mniejsze lub równe i że faktycznie to 20 jak widać pięć dół do 20.

62
00:05:03,760 --> 00:05:08,150
Podobnie Mogę też robić rzeczy, w których nie jestem tylko dodanie jednej za każdym razem.

63
00:05:08,260 --> 00:05:16,590
Więc jeśli chcę liczyć dwójkami Chciałbym tylko napisać liczyć także równa się dwa, a nie tylko dodanie jednego.

64
00:05:16,600 --> 00:05:18,930
Więc tym razem rozpocznie się 5.

65
00:05:19,180 --> 00:05:20,530
Wtedy będzie przejść.

66
00:05:20,530 --> 00:05:21,710
Warunek jest prawdziwy.

67
00:05:21,730 --> 00:05:24,340
To wypisuje liczbę i dodaje do niego.

68
00:05:24,340 --> 00:05:32,690
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.

69
00:05:33,190 --> 00:05:42,280
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.

70
00:05:42,280 --> 00:05:47,340
Właśnie napisałem go jeden raz w pętli i że dba o resztę za nas.

71
00:05:48,640 --> 00:05:59,800
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.

72
00:05:59,890 --> 00:06:02,770
H E L L O N odrębne życie.

73
00:06:02,800 --> 00:06:03,700
Więc to jest pięć.

74
00:06:03,710 --> 00:06:09,490
Konsola oświadczenia dot dziennika i sposób, w jaki możemy osiągnąć, że zaczynamy z naszej sznurka równą cześć.

75
00:06:09,990 --> 00:06:15,650
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.

76
00:06:15,670 --> 00:06:16,760
Jest to indeks.

77
00:06:16,760 --> 00:06:21,200
I pamiętam, pierwszy znak jest zawsze o indeksie 0.

78
00:06:21,220 --> 00:06:30,090
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ęć.

79
00:06:30,430 --> 00:06:38,710
Więc gdy liczenie jest mniejsza niż 5 Jedziemy wydrukować łańcuch o charakterze dodać indeks count.

80
00:06:38,740 --> 00:06:42,060
Więc, co to znaczy, że otworzę moje konsulem i zwiększenia przez to.

81
00:06:42,070 --> 00:06:44,430
Zaczynamy This tutaj.

82
00:06:44,500 --> 00:06:49,450
String jest równy komentarzy VARK liczy wynosi zero.

83
00:06:50,230 --> 00:06:55,480
Więc zamiast po prostu kopiowanie pętli while ciągu mam zamiar zacząć właśnie pokazano, jak to działa.

84
00:06:55,480 --> 00:07:01,710
Więc gdy liczba jest mniejsza niż długość łańcucha i długość łańcucha wynosi pięć.

85
00:07:01,750 --> 00:07:03,760
Tak 0 jest mniej niż 5.

86
00:07:03,820 --> 00:07:04,620
To prawda.

87
00:07:04,840 --> 00:07:09,330
Jedziemy, aby anulować tę liczbę wspornik ciąg dziennika.

88
00:07:09,370 --> 00:07:13,180
Tak, że będzie ciąg zera co daje nam godzinę.

89
00:07:13,480 --> 00:07:18,610
A potem dodasz liczyć więc liczyć także plusem.

90
00:07:18,610 --> 00:07:20,780
Więc teraz liczyć to 1.

91
00:07:21,070 --> 00:07:27,280
Więc powtarzam to znowu się liczyć mniej niż długość łańcucha jest mniejsza niż pięć.

92
00:07:27,670 --> 00:07:28,340
Tak.

93
00:07:28,480 --> 00:07:30,380
Więc teraz robimy tę linię ponownie.

94
00:07:30,430 --> 00:07:34,150
Konsola dot dziennika ciąg liczenia i liczenia jest obecnie 1.

95
00:07:34,150 --> 00:07:35,210
Tak nam się go zdobyć.

96
00:07:35,440 --> 00:07:46,910
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.

97
00:07:46,930 --> 00:07:49,050
Tak więc pętla się skończy.

98
00:07:49,060 --> 00:07:53,940
Pamiętaj, że długość jest zawsze o jeden większy niż najwyższy wskaźnik sznurku.

99
00:07:54,370 --> 00:08:03,670
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.

100
00:08:03,730 --> 00:08:08,490
Tak to jest, jak można użyć pętli wydrukować każdy znak w ciągu.

101
00:08:09,820 --> 00:08:14,740
Dlatego trzeba pamiętać o szalenie AUPS jest to, że możemy stworzyć coś, co nazywa nieskończoną pętlę.

102
00:08:14,740 --> 00:08:16,160
Jeśli nie jesteś ostrożny.

103
00:08:16,220 --> 00:08:21,260
Więc nieskończonej pętli występuje wówczas, gdy warunek, że zapewniamy nigdy nie jest fałszywa.

104
00:08:21,430 --> 00:08:26,680
Więc tylko tam dzieje i chodzić i chodzić i chodzić zawsze i są oczywiście problematyczne.

105
00:08:26,710 --> 00:08:28,290
Mogą one zniszczyć przeglądarkę.

106
00:08:28,300 --> 00:08:30,210
Zajmują całą pamięć w javascript.

107
00:08:30,370 --> 00:08:32,510
To nie jest coś, co kiedykolwiek chcesz robić.

108
00:08:32,740 --> 00:08:35,840
Więc tutaj jest przykładem tego, jak można by się stało.

109
00:08:36,040 --> 00:08:44,360
Musimy liczyć równe zeru, a następnie mówimy wow licznik jest mniejszy niż 10 zaprzepaszczone Ilość dziennika.

110
00:08:44,710 --> 00:08:49,540
Dobrze jest zawsze liczyć mniej niż 10, bo to zera, a my nigdy nie zmienia liczyć.

111
00:08:49,930 --> 00:08:52,970
Więc nigdy nie jest zwiększany nigdy nie będzie ponad 10.

112
00:08:53,050 --> 00:08:55,420
Tak więc będzie to po prostu wydrukować zera zawsze.

113
00:08:55,540 --> 00:08:59,550
Dlatego nie zaleca się to zrobić, ale można skopiować to i wkleić go do swojej konsoli.

114
00:08:59,620 --> 00:09:02,830
A co widać byłoby drukować mnóstwo zer, aby rozpocząć.

115
00:09:03,010 --> 00:09:12,910
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.

116
00:09:12,940 --> 00:09:16,080
Tak po prostu, że kontrastują z pętlą tak.