1
00:00:00,410 --> 00:00:01,880
Oké we zullen terugkomen.

2
00:00:02,100 --> 00:00:08,200
Dus in deze video gaan we onze eerste belangrijke data structuur die is iets genaamd de array te bespreken.

3
00:00:09,060 --> 00:00:10,520
Dus we hebben een paar doelstellingen hier.

4
00:00:10,710 --> 00:00:15,340
De eerste is dat we willen begrijpen wat arrays zijn en waarom we ze gebruiken.

5
00:00:15,810 --> 00:00:18,210
En dan ten tweede willen we ze gebruiken in onze code.

6
00:00:18,540 --> 00:00:22,840
Dus laten we beginnen door te praten over conceptueel wat het nut van een array is.

7
00:00:23,130 --> 00:00:25,930
Dus stel ik wilde een groep vrienden te modelleren.

8
00:00:26,130 --> 00:00:32,380
Dus elke vriend is een string met hun naam als Charlie en Liz David en Mathias.

9
00:00:32,640 --> 00:00:35,130
Dus ik kon maken voor vriend variabelen.

10
00:00:35,160 --> 00:00:42,880
Elk exemplaar is een aparte variabele en als ik wilde een ander ik zou moeten onze vriend 5 redden toe te voegen is gelijk aan een andere naam.

11
00:00:43,020 --> 00:00:47,700
En dan moet ik weten voor de volgende moet ik forensische en vervolgens vriend 7 doen.

12
00:00:47,880 --> 00:00:50,340
En dus dit is problematisch voor een paar redenen.

13
00:00:50,340 --> 00:00:53,730
Een daarvan is dat deze code is niet wat we droog zouden overwegen.

14
00:00:53,730 --> 00:00:56,040
Er is veel van herhaalde code hier.

15
00:00:56,040 --> 00:00:59,150
Bekijk ook deze vrienden zijn niet gerelateerd aan elkaar.

16
00:00:59,220 --> 00:01:00,490
Ze zijn volledig gescheiden.

17
00:01:00,690 --> 00:01:02,640
Dus het is niet echt een groep vrienden.

18
00:01:02,940 --> 00:01:08,730
Dus dit is een perfecte use case voor een array een array laat zijn gegevens te groeperen in een lijst.

19
00:01:09,060 --> 00:01:17,840
Dus in plaats van vier afzonderlijke variabelen kunnen we een variabele schrijven en binnen van het slaan we vier verschillende namen.

20
00:01:17,880 --> 00:01:21,260
Dus laten we eens een kijkje op hoe arrays werken.

21
00:01:21,420 --> 00:01:23,340
Ik heb hetzelfde voorbeeld code hier.

22
00:01:23,490 --> 00:01:26,940
Var vrienden gelijk en vervolgens vierkante haken.

23
00:01:26,970 --> 00:01:30,080
Dus dat is wat vertelt javascript is dit een array.

24
00:01:30,120 --> 00:01:40,610
Tot op dit punt hier hebben we te maken hebben met slechts een regelmatige javascript variabele waar op de rechterzijde we konden alleen maar een string of een nummer of boolean of ongedefinieerd of nee.

25
00:01:40,800 --> 00:01:42,850
Maar hebben we een array.

26
00:01:43,260 --> 00:01:45,520
Dus de vierkante haken duiden een array.

27
00:01:45,540 --> 00:01:48,960
U kunt openen beugel gesloten beugel zien.

28
00:01:49,140 --> 00:01:53,070
En binnen hebben we onze lijst met gegevens aan een array verklaren.

29
00:01:53,310 --> 00:01:55,230
Het is een door komma's gescheiden lijst.

30
00:01:55,320 --> 00:01:59,760
Dus hebben we onze waarden als Charlie komma Liz comma David komma.

31
00:01:59,790 --> 00:02:00,780
MATHIAS.

32
00:02:00,780 --> 00:02:03,920
Dat resulteert in een serie van vier punten.

33
00:02:03,930 --> 00:02:15,750
De tweede belangrijke informatie over matrices is dat ze geïndexeerd net als karakters in een string waar een specifiek nummer dat overeenkomt met elk karakter vanaf nul.

34
00:02:16,020 --> 00:02:18,660
Arrays worden ook geïndexeerd vanaf nul.

35
00:02:18,900 --> 00:02:22,270
Dus elke sleuf in het array een corresponderende nummer.

36
00:02:22,410 --> 00:02:29,240
Wanneer we deze array hier met deze vier namen Hier is een diagram dat de manier waarop de array gemaakt in het geheugen.

37
00:02:29,310 --> 00:02:39,340
Dus hebben we Charlie opgeslagen met het getal nul index is met een David met twee Mathias met drie.

38
00:02:39,600 --> 00:02:44,520
We maken gebruik van deze arrayindexen alle tijd om de gegevens uit de array te krijgen.

39
00:02:44,550 --> 00:02:46,770
Dus hier ben ik het initialiseren van de exact dezelfde array.

40
00:02:46,970 --> 00:02:54,290
En als ik wil Charlie uit de array krijg ik nodig om de index die overeenkomt met Charlee die kennen.

41
00:02:54,810 --> 00:02:56,820
En dan alles wat ik doe is schrijven vrienden.

42
00:02:57,030 --> 00:02:59,450
De naam van de variabele beugel is 0.

43
00:02:59,580 --> 00:03:03,300
Net zoals we zouden voor strijkkwartet als ik weer wilde het eerste teken.

44
00:03:03,340 --> 00:03:09,940
Het enige verschil is dat we niet te maken met een reeks tekens we te maken hebben met een array van strings.

45
00:03:10,530 --> 00:03:13,930
Dus vriend 0 gaat mij Chartley.

46
00:03:14,190 --> 00:03:23,980
Op dezelfde manier als ik vrienden van iemand die geeft mij leeft plus een hart plus twee vrienden geeft mij David en we eindigen met Liz Hart.

47
00:03:24,060 --> 00:03:30,370
David kunnen we ook de indices gebruiken om de reeks waarden te werken.

48
00:03:30,630 --> 00:03:43,300
Dus als Charlie wil zijn naam aan alles wat ik moet doen gooien veranderen ze Charlie in de array met index nul vrienden nul en zet deze gelijk is aan andere string Chuck.

49
00:03:43,320 --> 00:03:47,460
Dus dan ons aanbod ziet er als volgt uit waar we Chuck op index 0.

50
00:03:47,460 --> 00:03:48,990
Hetzelfde met Liz.

51
00:03:49,020 --> 00:03:59,370
Ze verandert haar naam in Lizzie we gewoon vinden van de juiste index voor Liz dat is een van de vrienden één is Lizzie zoals je hier kunt zien in ons aanbod.

52
00:03:59,370 --> 00:04:05,090
Nu ziet eruit als Chuck op nul Lizzy 1.

53
00:04:05,520 --> 00:04:10,280
De volgende kenmerk van arrays is dat we ook gegevens kunnen toevoegen aan een bestaande array.

54
00:04:10,290 --> 00:04:20,430
Dus als ik een nieuwe vriend die geweldig Ik kon echt gebruik maken van een aantal nieuwe vrienden alles wat ik moet doen is toegang tot vrienden en maakte een index in hier dat bestaat nog niet zou zijn.

55
00:04:20,430 --> 00:04:37,410
Dus in dit geval voor het en als ik vrienden voor gelijk familie zal ik een voorsprong krijgen hier beneden index want ik ben niet van plan om te laten zien een snelle demonstratie in de con. Ik ga naar een array te gebruiken om kleuren te modelleren om dat te doen.

56
00:04:37,440 --> 00:04:53,030
Ik ga om te definiëren een array van var kleuren gelijk en ik ga gewoon een paar kleuren in daar te zetten als snaren rood oranje en geel beginnen en ik zal druk op enter.

57
00:04:53,070 --> 00:04:55,480
Ik heb nu mijn array colors gedefinieerd.

58
00:04:55,670 --> 00:05:14,910
Als ik toegang kleuren het heeft drie items in het en als ik wilde om uit te printen oranje zou kleuren doen voor packet-1 omdat het een index van 1 en ik krijg oranje als ik wilde in een ander element toe te voegen na de gele wilde ik toe in het groen.

59
00:05:14,910 --> 00:05:17,880
Ik zou moeten tellen 0 1 2.

60
00:05:18,090 --> 00:05:20,410
Dus index van 3 is de volgende.

61
00:05:20,460 --> 00:05:25,240
Index drie kleuren drie is groen.

62
00:05:25,540 --> 00:05:30,390
En nu, als we kijken naar kleuren te nemen krijg ik rood oranje geel groen.

63
00:05:30,420 --> 00:05:33,930
Stel dat ik wilde veranderen groen tot donkergroen zijn.

64
00:05:34,530 --> 00:05:36,120
Ik moet het eerst openen.

65
00:05:36,180 --> 00:05:37,640
Dus kleuren 3.

66
00:05:37,710 --> 00:05:40,270
Gewoon controleren of dat groen is.

67
00:05:40,350 --> 00:05:47,490
Dus ik zal nu drie kleuren veranderen donkergroen te zijn en dat is het.

68
00:05:47,490 --> 00:05:57,300
Een snelle opmerking als ik iets als kleuren van 10 is gelijk aan Violet en ik druk op enter.

69
00:05:57,740 --> 00:05:59,450
En laten we eens kijken naar welke kleuren eruit ziet.

70
00:05:59,450 --> 00:06:06,280
Nu kun je zien dat ik rood oranje geel donkergroen en dan laat zien dat het ongedefinieerd.

71
00:06:06,290 --> 00:06:08,060
Tijden 6.

72
00:06:08,070 --> 00:06:18,030
Dus wat is er gebeurd is dat ik Violet een index van 10 toegevoegd en dat laat ons achter met een hoop lege ruimte tussen de index van 3 en de index van 10.

73
00:06:18,060 --> 00:06:22,000
Dus javascript maakt lege ruimtes er en vult sommige met undefined.

74
00:06:22,290 --> 00:06:25,680
Dus er is een heleboel lege ruimte in deze array die niet ideaal is.

75
00:06:25,680 --> 00:06:33,690
Dus in de volgende video ga ik je laten zien een andere manier van het toevoegen van data, waar we niet hoeven te houden hoeveel items zijn in ons aanbod op een gegeven moment te pakken hier te houden.

76
00:06:33,690 --> 00:06:36,030
Ik heb een paar andere opmerkingen over arrays.

77
00:06:36,030 --> 00:06:40,130
De eerste is dat er verschillende oplossingen voorgesteld om de arrays.

78
00:06:40,170 --> 00:06:44,460
De eerste manier is om een ​​lege array vierkante haken definiëren.

79
00:06:44,760 --> 00:06:48,960
In dit geval gedefinieerd Ik rij van een vriend, maar ik heb geen vrienden helaas.

80
00:06:49,140 --> 00:06:51,200
Dus het is gewoon leeg vierkante haken.

81
00:06:51,360 --> 00:06:59,560
De andere manier om een ​​array dat je over kunnen komen te definiëren is om nieuwe array met een hoofdletter A en haakjes achter schrijven.

82
00:06:59,610 --> 00:07:05,130
Dus ik zal niet teveel in detail gaan over wat dit, maar is denk aan dit als een functie.

83
00:07:05,130 --> 00:07:06,020
Het is een functie.

84
00:07:06,070 --> 00:07:07,570
We noemen het met haakjes.

85
00:07:07,650 --> 00:07:10,520
Dat maakt ons tot een nieuwe array net als deze doet.

86
00:07:10,650 --> 00:07:12,840
Zodat deze zijn gelijk in beide gevallen.

87
00:07:12,840 --> 00:07:15,760
We hebben scala van een vriend dat is leeg.

88
00:07:15,900 --> 00:07:19,370
Het volgende punt is dat arrays elk type gegevens kan bevatten.

89
00:07:19,560 --> 00:07:32,130
Dus je hebt ze alleen gezien tot nu toe met strijkers als Charlie en Liz, maar we kunnen ze vullen met nummers met booleans zonder undefined met strijkers met andere arrays die een beetje later zullen zien.

90
00:07:32,340 --> 00:07:34,340
Dus we kunnen arrays te vullen met allerlei gegevens.

91
00:07:34,590 --> 00:07:36,820
En ze niet allemaal van een bepaald type te zijn.

92
00:07:36,840 --> 00:07:43,170
Dus hier is een voorbeeld van een aantal boolean een string en niet allemaal in één array.

93
00:07:43,230 --> 00:07:48,640
Het laatste wat ik zal wijzen dat arrays hebben ook een eigenschap length net als strings.

94
00:07:48,960 --> 00:07:54,960
In dit voorbeeld ben ik het definiëren van een serie van vier artikelen en loop ik niets opzienbarend.

95
00:07:55,050 --> 00:07:56,430
Het geeft me vier.

96
00:07:56,850 --> 00:07:59,490
Ik zal doorgaan en open mijn Consul en aantonen dat.

97
00:07:59,790 --> 00:08:04,400
Laten we definiëren een nieuwe array hier genoemd honden en honden.

98
00:08:04,500 --> 00:08:07,370
Ik ga naar een string te definiëren.

99
00:08:07,510 --> 00:08:16,460
Rusty Wyatt en Ali net als dat.

100
00:08:16,740 --> 00:08:24,040
En als ik Dogstar draaien op lengte krijg ik drie omdat lengte precies telt.

101
00:08:24,060 --> 00:08:25,480
Hoeveel dingen zijn daar.

102
00:08:25,770 --> 00:08:31,140
Maar niet vergeten dat de hoogste index in deze reeks altijd één minder dan de lengte.

103
00:08:31,200 --> 00:08:37,630
Dus al het is een index om honden beugel 2 en je krijgt alle.

104
00:08:37,710 --> 00:08:39,660
Dus dat is belangrijk, net als strings.

105
00:08:39,840 --> 00:08:46,230
We kunnen definiëren een string var naam gelijk Resti en dat doen we met de naam hotlink.

106
00:08:46,770 --> 00:08:54,000
We krijgen 5 omdat er vijf personages, maar de index van de Y-index voor de naam van vier.

107
00:08:54,180 --> 00:08:55,410
Geeft me waarom.

108
00:08:55,410 --> 00:08:58,700
Omdat indices beginnen bij nul.

109
00:08:58,710 --> 00:08:59,840
Oké dus dat is het voor een race.

110
00:08:59,850 --> 00:09:02,780
Nu in de volgende video gaan we snel een probleem set te hebben.