1
00:00:00,840 --> 00:00:06,560
Welkom terug in de komende paar video's die we gaan javascript loops te bespreken.

2
00:00:06,570 --> 00:00:08,290
Dus hebben we een paar verschillende doelstellingen.

3
00:00:08,340 --> 00:00:12,280
De eerste is om te begrijpen waarom maken we gebruik van loops en wat ze zijn.

4
00:00:12,300 --> 00:00:19,080
De volgende is om te begrijpen wat droog het is een acroniem Diyar waarom wat dat voor staat en hoe droog code te schrijven.

5
00:00:19,380 --> 00:00:23,640
En dan tot slot zullen we het schrijven van een aantal eenvoudige wilde loops te beginnen.

6
00:00:24,780 --> 00:00:32,720
Dus hier is een probleem dat ik zal opleveren als ik wil dat het de getallen van 1 tot 10 ieder af te drukken op een andere lijn met wat we tot nu toe weten.

7
00:00:32,820 --> 00:00:47,120
Ik zou moeten 10 verschillende nadelen hebben. logs en dat is al niet ideaal, maar wat als ik wilde elk getal te doen tussen 1 en 10000 of de eerste miljoen cijfers plotseling Ik heb een heleboel code zelf te schrijven.

8
00:00:47,370 --> 00:00:48,940
Dus dit is waar de lussen komen.

9
00:00:48,960 --> 00:00:55,330
Dus hoewel we hoogstwaarschijnlijk niet de getallen van 1 afdrukken naar 10.000 in een echte productie-applicatie.

10
00:00:55,470 --> 00:01:04,340
Laten we een voorbeeld nemen als Facebook, waar een enkele foto of bericht 10.000 verschillende reacties op het als de foto's die gaan virale kan hebben.

11
00:01:04,380 --> 00:01:07,650
Ze krijgen duizenden en duizenden reacties achter de schermen.

12
00:01:07,650 --> 00:01:16,290
Er is een soort lus dat wordt gebruikt om uit te printen alle opmerkingen op de pagina in plaats van voor elke reactie is er nodig om een ​​aparte lijn van code.

13
00:01:16,320 --> 00:01:24,470
Dus voordat we de syntax van wilde lussen in javascript Ik wil dit concept genaamd droge code zo droog staat voor te stellen.

14
00:01:24,470 --> 00:01:25,910
Jezelf niet te herhalen.

15
00:01:26,190 --> 00:01:33,210
Het is een concept dat in allerlei programmeertalen gegooid veel rond, maar het komt er op neer dat we niet willen onze code te herhalen.

16
00:01:33,210 --> 00:01:35,540
Dus als we een kijkje naar dit voorbeeld hier te nemen.

17
00:01:35,820 --> 00:01:38,360
Deze code is heel erg repetitief.

18
00:01:38,370 --> 00:01:40,690
Het enige verschil is het aantal dat we printen.

19
00:01:40,980 --> 00:01:43,860
Maar anders elke regel is hetzelfde.

20
00:01:43,860 --> 00:01:47,710
Dus deze code is niet wat we droog zouden overwegen.

21
00:01:47,790 --> 00:01:52,490
Sommige mensen zouden dit natte die ik heb gehoord wat code staat voor rechts noemen.

22
00:01:52,500 --> 00:01:55,790
Alles tweemaal dat is niet zo vaak te horen maar zo droog.

23
00:01:55,830 --> 00:01:59,000
Dus wat loops doen is dat ze ons in staat stellen op te drogen onze code.

24
00:01:59,010 --> 00:02:01,040
Zij zijn een van de instrumenten die ons ter beschikking.

25
00:02:01,110 --> 00:02:07,690
Sommige van de anderen dat we leren over later zijn functies in arrays en objecten, maar loops zijn de meest fundamentele één.

26
00:02:08,550 --> 00:02:10,840
Dus we gaan om te beginnen door te praten over.

27
00:02:11,100 --> 00:02:18,440
Er zijn meerdere soorten lussen die ziet de eerste is de while lus en de while-lus is zeer vergelijkbaar met een IF statement.

28
00:02:18,690 --> 00:02:33,270
Dus het duurt een aandoening, zoals X minder dan vijf of antwoord niet gelijk is aan en vervolgens, terwijl die voorwaarde waar het zal code die we zetten in een set van accolades herhalen.

29
00:02:33,480 --> 00:02:43,350
Dus een if-statement is zeer vergelijkbaar behalve dat de code niet gewoon loopt te herhalen op een bepaald moment een tijdje lus blijft de code zolang de voorwaarde waar is uitgevoerd.

30
00:02:43,740 --> 00:02:45,020
Dus hier is een voorbeeld.

31
00:02:45,060 --> 00:02:49,330
Dit is hoe we de getallen van 1 tot 5 kan printen met behulp van een while lus.

32
00:02:49,410 --> 00:02:55,020
Dus beginnen we met een variabele genaamd tellen kan van alles zijn, maar tellen we begonnen op 1 worden genoemd.

33
00:02:55,350 --> 00:03:01,610
Dan hebben we onze while loop met een aandoening die zegt tellen minder dan 6.

34
00:03:01,650 --> 00:03:05,610
Dus de allereerste keer dat deze code wordt uitgevoerd telling is gelijk aan 1.

35
00:03:06,000 --> 00:03:07,820
Dus men is minder dan zes.

36
00:03:07,860 --> 00:03:09,820
Dus dit is waar.

37
00:03:09,900 --> 00:03:14,340
Dus hier is een voorbeeld van het gebruik van een while lus om de nummers af te drukken 1-5.

38
00:03:14,700 --> 00:03:16,650
Dus beginnen we met de eerste instantie.

39
00:03:17,400 --> 00:03:21,410
Dus beginnen we door het initialiseren van een variabele genaamd tellen iets kon worden genoemd.

40
00:03:21,660 --> 00:03:29,360
En we begonnen als men dan hebben we onze while lus en de syntax is weer tijdje en dan een voorwaarde.

41
00:03:29,550 --> 00:03:33,100
In dit geval is de voorwaarde tellen minder dan 6.

42
00:03:33,120 --> 00:03:36,550
Dus de eerste keer dat deze lus loopt telling 1.

43
00:03:36,780 --> 00:03:39,090
Zodat men minder dan zes is waar.

44
00:03:39,270 --> 00:03:41,310
Dus dan is deze code wordt uitgevoerd.

45
00:03:41,970 --> 00:03:49,340
Dus dat gaat printen telling 1 en dan zal het toevoegen 1 te tellen en dan gaat het weer.

46
00:03:49,590 --> 00:03:54,150
En het controleert is telling dat wil is tot minder dan 6.

47
00:03:54,300 --> 00:03:54,980
Dat is waar.

48
00:03:55,020 --> 00:03:57,990
Zo drukt weer en het voegt 1 te tellen.

49
00:03:57,990 --> 00:03:59,310
Nu is het drie.

50
00:03:59,400 --> 00:04:00,650
Dit is weer waar.

51
00:04:00,750 --> 00:04:11,010
Dus Hij drukt telde drie voegt één te tellen die vier en zo verder tot het laatste moment telling is vijf vijf minder dan zes.

52
00:04:11,040 --> 00:04:13,090
We printen telling vijf.

53
00:04:13,170 --> 00:04:15,450
We voegen een te tellen die nu zes.

54
00:04:15,750 --> 00:04:20,600
En dan probeert opnieuw uit te voeren en het realiseert zes is niet minder dan zes.

55
00:04:20,880 --> 00:04:23,600
Dus dan is het gedaan en dat is het.

56
00:04:23,610 --> 00:04:28,530
Dus ik zal doorgaan en open mijn con. en uitvoeren van deze code net plakken in hier.

57
00:04:28,530 --> 00:04:29,970
Telling begint bij 1.

58
00:04:30,000 --> 00:04:33,530
Het loopt wild telling is minder dan zes.

59
00:04:33,570 --> 00:04:50,230
Ik druk op enter en ik word geteld 1 helemaal naar beneden tot de laatste keer dat een van de lus telling is vijf, dus ik kon ook proberen te veranderen dit een beetje als ik wilde de nummers tussen de vijf en 20 afdrukken als ik wilde 20 op te nemen.

60
00:04:50,230 --> 00:04:55,780
Ik zou moeten veranderen om ofwel kleiner dan of gelijk aan 20 of minder dan 21.

61
00:04:56,260 --> 00:05:03,710
Dus ik zal minder dan of gelijk aan doen en dat daadwerkelijk zal omvatten 20 zoals je kunt zien vijf tot 20.

62
00:05:03,760 --> 00:05:08,150
Op dezelfde manier kan ik ook dingen waar ik niet één elke keer toe te voegen doen.

63
00:05:08,260 --> 00:05:16,590
Dus als ik wil tellen met z'n tweeën zou ik gewoon schrijven tellen plus evenaart twee in plaats van alleen het toevoegen van een.

64
00:05:16,600 --> 00:05:18,930
Dus deze keer zal het beginnen op 5.

65
00:05:19,180 --> 00:05:20,530
Dan zal het door te gaan.

66
00:05:20,530 --> 00:05:21,710
De conditie is waar.

67
00:05:21,730 --> 00:05:24,340
Het drukt de graaf en draagt ​​bij aan het.

68
00:05:24,340 --> 00:05:32,690
Nu zijn we om zeven uur en dan voegt het toe aan de volgende keer en ga zo maar door en we eindigen met deze 5 7 9 11 13:15 1.719.

69
00:05:33,190 --> 00:05:42,280
Dus zoals u waarschijnlijk kunt zien al een lus kan ons helpen om veel tijd te besparen in plaats van om 10 verschillende nadelen over log verklaringen of 15 Konst over log verklaringen hebben.

70
00:05:42,280 --> 00:05:47,340
We schreven het gewoon een keer in een lus en dat zorgt voor de rest voor ons.

71
00:05:48,640 --> 00:05:59,800
Dus ik heb nog een voorbeeld hier, waar in plaats van alleen het afdrukken van nummers gebruiken we een tijdje lus om lus door een koord en afdrukken elk personage apart zodat de uitvoer ziet er als volgt uit.

72
00:05:59,890 --> 00:06:02,770
H E L L O N gescheiden leven.

73
00:06:02,800 --> 00:06:03,700
Dus dat is vijf.

74
00:06:03,710 --> 00:06:09,490
console dot log verklaringen en de manier waarop we dat bereiken we beginnen met onze reeks gelijk is aan hallo.

75
00:06:09,990 --> 00:06:15,650
Het heet als TR dan hebben we onze rekeningen die het nummer dat we gebruiken om toegang te krijgen tot een karakter in de reeks zal zijn.

76
00:06:15,670 --> 00:06:16,760
Het is de index.

77
00:06:16,760 --> 00:06:21,200
En ik herinner me de eerste letter is altijd op index 0.

78
00:06:21,220 --> 00:06:30,090
Dus dan wat we gaan doen, is zeggen terwijl telling kleiner is dan de lengte van de string, zodat de lengte is een twee drie vier of 5.

79
00:06:30,430 --> 00:06:38,710
Dus terwijl het tellen is minder dan 5 We gaan print de string met een personage index van graaf toe te voegen.

80
00:06:38,740 --> 00:06:42,060
Dus wat dat betekent dat ik open mijn Consul en stap doorheen.

81
00:06:42,070 --> 00:06:44,430
We beginnen deze deze hier.

82
00:06:44,500 --> 00:06:49,450
String is gelijk aan hallo Vark telt is nul.

83
00:06:50,230 --> 00:06:55,480
Dus in plaats van alleen het kopiëren van de while lus over Ik ga om te beginnen met alleen je laten zien hoe het werkt.

84
00:06:55,480 --> 00:07:01,710
Dus terwijl telling kleiner is dan de lengte van de string en de lengte van de string is vijf.

85
00:07:01,750 --> 00:07:03,760
Dus 0 is dan 5.

86
00:07:03,820 --> 00:07:04,620
Dat is waar.

87
00:07:04,840 --> 00:07:09,330
We gaan dat log snaar beugel telling annuleren.

88
00:07:09,370 --> 00:07:13,180
Dus dat gaat om een ​​reeks van nul die ons h geeft zijn.

89
00:07:13,480 --> 00:07:18,610
En dan voegen we een om zo te tellen tellen plus plus.

90
00:07:18,610 --> 00:07:20,780
Dus nu telt is 1.

91
00:07:21,070 --> 00:07:27,280
Dus we dit herhalen nogmaals tellen minder dan snaarlengte is één minder dan vijf.

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

93
00:07:28,480 --> 00:07:30,380
Dus nu doen we weer deze lijn.

94
00:07:30,430 --> 00:07:34,150
console dot log reeks tellen en tellen is nu 1.

95
00:07:34,150 --> 00:07:35,210
Zo krijgen we het.

96
00:07:35,440 --> 00:07:46,910
Dus deze blijft doorgaan tot de laatste keer of een afdruk Oh en we voegen 1 te tellen dat dan gelijk is aan 5 en 5 ten minste 5.

97
00:07:46,930 --> 00:07:49,050
Zodat de lus voorbij.

98
00:07:49,060 --> 00:07:53,940
Herinner dat de lengte altijd één boven het hoogste index van een string.

99
00:07:54,370 --> 00:08:03,670
Zodat de lengte vijf tekens maar de maximum index vier omdat we vanaf 0 1 2 3 0 ten index 4.

100
00:08:03,730 --> 00:08:08,490
Dus dat is hoe je een lus zou kunnen gebruiken om af te drukken elk karakter in een string.

101
00:08:09,820 --> 00:08:14,740
Dus moet men razend merken over Aups is dat we iets kunnen creëren genoemd een oneindige lus.

102
00:08:14,740 --> 00:08:16,160
Als we niet oppassen.

103
00:08:16,220 --> 00:08:21,260
Dus een oneindige lus treedt op wanneer de voorwaarde dat wij bieden is nooit vals.

104
00:08:21,430 --> 00:08:26,680
Dus het blijft maar gaan en gaan en gaan en gaan voor eeuwig en deze zijn uiteraard problematisch.

105
00:08:26,710 --> 00:08:28,290
Ze kunnen een browser verpletteren.

106
00:08:28,300 --> 00:08:30,210
Ze nemen al het geheugen in javascript.

107
00:08:30,370 --> 00:08:32,510
Het is niet iets dat je ooit wilt doen.

108
00:08:32,740 --> 00:08:35,840
Dus hier is een voorbeeld van hoe men zou gebeuren.

109
00:08:36,040 --> 00:08:44,360
We hebben gelijk aan nul te tellen en dan we zeggen wow telling is minder dan 10 tenietgedaan log tellen.

110
00:08:44,710 --> 00:08:49,540
Nou telling is altijd minder dan 10, want het is nul en we zijn nooit veranderen tellen.

111
00:08:49,930 --> 00:08:52,970
Dus het is nooit opgehoogd gaat nooit meer dan 10.

112
00:08:53,050 --> 00:08:55,420
Dus dit zal gewoon uitprinten nul altijd.

113
00:08:55,540 --> 00:08:59,550
Dus ik denk niet adviseren u dit te doen, maar je kon dit te kopiëren en te plakken in je console.

114
00:08:59,620 --> 00:09:02,830
En wat je zou zien het zou een ton van nullen om te beginnen af ​​te drukken.

115
00:09:03,010 --> 00:09:12,910
En in plaats van het uitvoeren van oneindig meeste browsers tegenwoordig eigenlijk zou stoppen en waarschuwen u dat er een aantal slechte code geschreven is er een aantal oneindige lus die draait.

116
00:09:12,940 --> 00:09:16,080
Dus gewoon om te contrasteren die met een lus als deze.