1
00:00:00,780 --> 00:00:04,590
In deze video gaan we een paar verbeteringen aan te brengen om dit te doen lijst.

2
00:00:04,590 --> 00:00:14,500
Dus hier is de nieuwe versie die we gaan proberen en het heeft een nieuwe opdracht die te verwijderen en op de top van de lijst opdracht de manier waarop het wordt afgedrukt om te gebruiken out is veranderd.

3
00:00:14,520 --> 00:00:16,200
Dus ik zal je laten zien hoe dit eruit ziet.

4
00:00:16,200 --> 00:00:19,470
Ik zal de pagina te vernieuwen en ik zal beginnen met het toevoegen van een nieuwe te doen.

5
00:00:19,980 --> 00:00:24,120
En laten we toe in kill Voldemort.

6
00:00:24,960 --> 00:00:35,340
En deze keer vertelt het me doden Voldemort aan de lijst toegevoegd en dan als ik kijk naar de lijst krijg ik deze leuke kleine afdruk waar elk item in zijn eigen lijn.

7
00:00:35,490 --> 00:00:39,540
Wat we vroeger vóór hebben is dat het gewoon drukte de hele reeks op één regel.

8
00:00:39,540 --> 00:00:47,830
Dus nu krijgen we ze op aparte lijnen en dan ook nog kan ik er één verwijderen door te typen schrappen en vraagt ​​me om een ​​index.

9
00:00:47,850 --> 00:00:50,230
Dus laten we zeggen dat ik wil kill Voldemort verwijderen.

10
00:00:50,370 --> 00:00:51,860
Ik bereiken die taak.

11
00:00:51,900 --> 00:00:55,560
Ik typ het nummer één en het vertelt me ​​om te doen, is verwijderd.

12
00:00:55,740 --> 00:01:01,620
En ik kon controleren of door het intikken van de lijst en ik zie nu mijn lijst heeft slechts één punt.

13
00:01:01,710 --> 00:01:03,230
Dus dat is wat we streven naar hier.

14
00:01:03,510 --> 00:01:08,450
Laten we ga je gang en aan de slag door het toevoegen van een aantal van deze functies om onze oude versie van de app.

15
00:01:09,360 --> 00:01:14,230
Het eerste wat ik wil doen is gewoon laten zien hoe onze LIST commando momenteel werkt.

16
00:01:14,370 --> 00:01:15,900
Dus ik zal iets nieuws toe te voegen.

17
00:01:15,960 --> 00:01:17,380
Gewoon wat willekeurige letters.

18
00:01:17,550 --> 00:01:22,560
En nu als ik typ een lijst gewoon drukt de array allemaal in één lijn.

19
00:01:22,560 --> 00:01:42,340
Dus wat ik wil doen in plaats daarvan is gedrukt op afzonderlijke lijnen zoals we hadden hier waar we deze mooie asterisk verdelers en dan tussendoor hebben we nul colon door de nieuwe schildpad een dikke darm en zo verder tot in eeuwigheid te doen die we hebben om dat te bereiken we kunnen niet alleen over tellen log alles te doen.

20
00:01:42,690 --> 00:01:47,730
We gaan nodig hebben om lus door de to do's en af ​​te drukken elk een afzonderlijk.

21
00:01:47,730 --> 00:01:48,850
Dus we hebben een paar keuzes.

22
00:01:48,930 --> 00:01:51,810
We kunnen gebruik maken van een lus of een For Each-lus.

23
00:01:51,960 --> 00:01:55,010
Ik ga om te gebruiken voor elke want dat is wat ik liever.

24
00:01:55,140 --> 00:01:57,180
Maar het is eigenlijk gewoon een kwestie van voorkeur.

25
00:01:57,630 --> 00:02:04,730
Dus om spullen voor elke geven we het op deze functie en we zullen gewoon te doen daar.

26
00:02:04,770 --> 00:02:15,850
Vergeet niet dat alleen de naam dat we deel uitmaken van een placeholder en alles wat we zullen doen is te annuleren dat log te doen en dan zullen we te ontdoen van deze en op te slaan.

27
00:02:16,560 --> 00:02:20,400
Dus we gaan lus door te doen is gewoon geef het een naam te doen.

28
00:02:20,400 --> 00:02:22,570
Dat is een tijdelijke aanduiding voor ieder individu om te doen.

29
00:02:22,590 --> 00:02:26,830
En we gewoon af te drukken elk te doen Vernieuw de pagina.

30
00:02:27,510 --> 00:02:29,460
Laten we een nieuwe toevoegen.

31
00:02:30,330 --> 00:02:31,600
Willekeurige letters opnieuw.

32
00:02:31,860 --> 00:02:33,470
Nu is dat de lijst.

33
00:02:33,490 --> 00:02:36,060
En nu hebben we twee lijnen.

34
00:02:36,810 --> 00:02:42,540
Dus de volgende stap zal het toevoegen van die nummers met een voor elke lus.

35
00:02:42,660 --> 00:02:48,790
We hebben niet direct toegang tot de index of het nummer dat overeenkomt met elk item.

36
00:02:48,810 --> 00:03:00,300
We kunnen iets een beetje hacky doen als dit waar we zouden doen om Doo's die index aan te doen, die door de nieuwe schildpad zou steek de stekker in om dit te doen.

37
00:03:00,510 --> 00:03:02,640
En dan zou dat ons een aantal terug te geven.

38
00:03:02,640 --> 00:03:04,210
Dus dat is geen ideale oplossing.

39
00:03:04,470 --> 00:03:13,520
Wat we wel kunnen doen is gewoon een tweede argument toe te voegen aan ons voor elke functie zal ik het noemen index kan alles natuurlijk misschien gewoon I. genoemd worden

40
00:03:13,800 --> 00:03:17,040
En dat gaat te verwijzen naar de index.

41
00:03:17,040 --> 00:03:23,430
Dus het eerste het gaat om het item te doen en dan zal dit de index van die bepaalde te doen.

42
00:03:23,430 --> 00:03:26,080
Dus elke keer via krijgen we beiden.

43
00:03:26,640 --> 00:03:38,080
Dus voor dit eerste punt te doen zal worden door nieuwe schildpad index zal zijn nul voor dit punt aan te doen zal deze hele reeks letters en ik of de index zal een.

44
00:03:38,370 --> 00:03:40,590
Dus alles wat we willen doen is druk die uit.

45
00:03:40,590 --> 00:03:47,050
Zodat het formaat dat ik volgde het nummer van de index colon die te maken hebben met de ruimte tussen.

46
00:03:47,430 --> 00:03:52,200
Dus dat ziet er als volgt I plus.

47
00:03:52,200 --> 00:03:57,200
En dan moeten we onze dikke darm en onze ruimte plus het te doen.

48
00:03:57,510 --> 00:03:59,040
Laten we doorgaan en test dit uit.

49
00:03:59,340 --> 00:04:09,420
Dus ik zal vernieuwen en ik zal voegen in een nieuw op dit moment door Zweinstein schoolboeken te doen.

50
00:04:09,450 --> 00:04:10,300
OK.

51
00:04:11,030 --> 00:04:18,710
Nu alle soorten lijst en ik zie krijg ik mijn beide te gebruiken op aparte lijnen elk met een aantal ernaast.

52
00:04:19,140 --> 00:04:19,720
Geweldig.

53
00:04:19,920 --> 00:04:26,540
Dus het laatste wat ik wil doen is het toevoegen van die sterretjes rond de lijst zoals wij hier hebben.

54
00:04:26,550 --> 00:04:28,140
Dus dat is heel eenvoudig.

55
00:04:28,140 --> 00:04:32,570
Alles wat we moeten doen is een con. Maar log star star star.

56
00:04:32,610 --> 00:04:34,050
Ik denk dat ik deed 10.

57
00:04:34,140 --> 00:04:35,080
Het maakt niet uit.

58
00:04:35,190 --> 00:04:36,850
En ik ga gewoon te kopiëren dat vóór.

59
00:04:37,080 --> 00:04:39,060
En dan na de foreach.

60
00:04:39,330 --> 00:04:40,880
En dat zal ons geven wat we willen.

61
00:04:41,160 --> 00:04:42,940
Dus ik zal aantonen dat.

62
00:04:42,940 --> 00:04:49,070
Ga naar onze versie refresh en het type lijst en krijgen we onze kleine sterretjes rondom onze lijst.

63
00:04:50,760 --> 00:04:55,030
Dus de volgende stukje functionaliteit hier gaat worden te verwijderen.

64
00:04:55,100 --> 00:05:02,860
Dus ik ga terug naar mijn lijst te gaan welke leeftijd naar hem hoe ik ga een nieuw item in de lijst toe te voegen net zoals de instructies hier.

65
00:05:02,990 --> 00:05:11,010
Zo verwijdert en dat zal een specifiek te doen verwijderen.

66
00:05:11,540 --> 00:05:19,500
Dus de manier waarop het werkt is dat ik moet eerst de index van wat we gaan verwijderen en deze vervolgens te verwijderen we het.

67
00:05:20,030 --> 00:05:27,620
Dus ik ga toe te voegen in een anders als ingang gelijk gelijken gelijk aan wissen.

68
00:05:27,620 --> 00:05:43,430
Wij moeten dan vragen om index van 2 moet worden verwijderd en dan moeten we schrappen dat te doen dus dat is ons werk hier.

69
00:05:43,430 --> 00:05:45,670
Eerste te vragen voor de index.

70
00:05:45,680 --> 00:05:47,230
Het is vrij eenvoudig.

71
00:05:47,360 --> 00:05:59,340
We zullen gewoon een variabele genaamd index omdat prompt index van te doen om te verwijderen.

72
00:05:59,810 --> 00:06:02,590
Dus dat zal ons de index als nul geven.

73
00:06:03,200 --> 00:06:07,860
En dan moeten we die index te gebruiken om dat punt van uit de array te verwijderen.

74
00:06:07,970 --> 00:06:09,680
En dat is een beetje lastiger.

75
00:06:09,740 --> 00:06:12,490
We hebben eigenlijk niet gesproken over hoe je iets uit een array te verwijderen.

76
00:06:12,500 --> 00:06:16,730
Naast het gebruik van POP en schakelen maar die worden alleen uit het einde van een array.

77
00:06:16,830 --> 00:06:17,830
Maar het begin.

78
00:06:18,110 --> 00:06:21,940
Wat we hier willen doen is het mogelijk te verwijderen van overal in de array.

79
00:06:22,040 --> 00:06:26,650
Dus er is een andere methode genaamd splice.

80
00:06:26,650 --> 00:06:28,950
En dus laat ik je zien hoe we gebruik maken van plaats.

81
00:06:29,120 --> 00:06:38,390
We gaan om te schrijven naar die verbinding te gebruiken en dit zal in principe maakt een knip-en verwijderen van een bepaald aantal elementen uit een array.

82
00:06:38,420 --> 00:06:41,770
Dus de eerste argument is waar we willen dat de snede te maken.

83
00:06:41,990 --> 00:06:49,990
Dus dat is gewoon naar de index de gebruiker opgegeven worden en vervolgens het tweede argument is hoeveel items die u wilt verwijderen.

84
00:06:50,060 --> 00:06:51,770
Naar aanleiding van die index.

85
00:06:51,770 --> 00:06:54,110
Dus we willen alleen een item te verwijderen.

86
00:06:54,110 --> 00:06:55,910
Dus dat is alles wat we moeten doen.

87
00:06:55,920 --> 00:07:01,350
Splice index die de gebruiker die aan plicht wilt verwijderen zal vragen.

88
00:07:01,370 --> 00:07:02,310
Geef me een nummer.

89
00:07:02,600 --> 00:07:05,180
Laten we zeggen dat de gebruiker typt in drie.

90
00:07:05,570 --> 00:07:12,470
Dan beginnen splice gaat om het item te vinden met index 3 en een item te verwijderen.

91
00:07:12,470 --> 00:07:17,030
Als we deze extra zou het 10 items na die index verwijderen.

92
00:07:17,090 --> 00:07:18,430
Dus we willen alleen maar een.

93
00:07:18,530 --> 00:07:21,350
Laten we doorgaan en test dit uit in onze browser.

94
00:07:21,350 --> 00:07:24,910
Ik ga om te vernieuwen en laten we beginnen met het toevoegen van een paar te doen.

95
00:07:25,270 --> 00:07:26,600
Zodat de eerste.

96
00:07:27,140 --> 00:07:31,400
Doe de afwas zeker nodig om dat te doen op dit moment.

97
00:07:31,400 --> 00:07:37,430
Volgende één was doen.

98
00:07:37,430 --> 00:07:39,770
Ik kan waarschijnlijk wachten een paar weken voordat ik dat doe.

99
00:07:39,950 --> 00:07:42,200
En de laatste hier.

100
00:07:43,880 --> 00:07:45,000
Middag eten.

101
00:07:45,490 --> 00:07:46,150
OK.

102
00:07:46,160 --> 00:07:51,230
Dus laten we een lijst van hen uit en we krijgen dit mooie lijst hier.

103
00:07:51,320 --> 00:08:03,440
Toch hebben we vijf nieuwe schildpad Dus laten we zeggen dat ik wil verwijderen nieuwe schildpad hetzij omdat ik al een nieuwe schildpad gekocht of ik had een verandering van hart en ik besefte dat schildpadden zijn waarschijnlijk de slechtste huisdier dat je ooit zou kunnen bezitten.

104
00:08:03,680 --> 00:08:08,070
Dus laten verwijderen en dat u typt verwijderen.

105
00:08:09,020 --> 00:08:16,610
Nu vraagt ​​het me om een ​​index dus dat is index nul is en het zou mooi zijn als we een beetje feedback.

106
00:08:16,610 --> 00:08:19,910
Dat gezegd hebbende punt verwijderd, zodat we kunnen toevoegen dat volgende.

107
00:08:20,330 --> 00:08:21,720
Maar om te controleren of het werkte.

108
00:08:21,740 --> 00:08:26,200
Als we de lijst typen zien we dat ons aanbod nu is veranderd.

109
00:08:26,210 --> 00:08:35,830
Nu hebben we niet langer een nieuwe kopen schildpad en we hebben gewoon afwas doen de was doen en te eten diner, dus laten we stoppen en laten we toe te voegen in een klein beetje van feedback.

110
00:08:35,840 --> 00:08:56,450
Laten we beginnen als je iets wat we zullen annuleren dat te loggen om te doen laten we zeggen verwijderd te doen en op te slaan dat en laten we hetzelfde doen voor als u het aan te doen dat we een concert log doen verwijderen toegevoegd aan doen gewoon zo dat we zien Wat is er gaande.

111
00:08:57,440 --> 00:09:06,710
En terwijl ik hier ben ik te merken dat deze lus wordt steeds een beetje lang dus wat we waarschijnlijk wilt doen is te breken dit uit in afzonderlijke functies.

112
00:09:06,770 --> 00:09:11,930
Dus gaan we refactoren deze zo functioneel niets gaat veranderen over hoe het werkt.

113
00:09:11,990 --> 00:09:14,770
Het is gewoon een kwestie van hoe de code wordt georganiseerd.

114
00:09:14,900 --> 00:09:17,290
Dus hier is hoe ik het zou willen werken.

115
00:09:17,330 --> 00:09:20,200
We hebben hier een aparte functie.

116
00:09:20,250 --> 00:09:35,950
Ik ga dat allemaal kopiëren en knip het uit en onze functie zal alleen lijst worden opgeroepen om dit te doen en dat is alles wat we gaan naar binnen te zetten als deze als ingang gelijk is aan de lijst dan zullen we naar beneden gaan hier en de lijst to do's te definiëren.

117
00:09:36,050 --> 00:09:41,640
En we gaan gewoon om die code in te plakken en dat is alles.

118
00:09:44,030 --> 00:09:45,300
Net als dit.

119
00:09:45,410 --> 00:09:47,480
Ik ga hetzelfde te herhalen.

120
00:09:47,540 --> 00:09:55,900
Dus als de gebruiker ingangen wist waar te kopiëren deze code knip het uit en we gaan gewoon naar een functie gaan we om code te schrijven te bellen.

121
00:09:55,910 --> 00:10:08,870
Toevoegen aan doen dan moet ik schrijf mijn functie moest doen plak die code in streepje deze naar behoren en bespaar nog één.

122
00:10:08,870 --> 00:10:29,250
Als de gebruiker invoert te verwijderen zijn van plan om een ​​nieuwe functie genaamd Delete te doen dus we gaan naar beneden te wekken dat hier de functie Verwijderen te doen en plak de code in de ruimte het goed en nu moeten we goed om te gaan voegen.

123
00:10:29,750 --> 00:10:35,630
Zodat u kunt zien dat we niet echt de functionaliteit helemaal veranderen, maar we schoongemaakt deze logica een hoop.

124
00:10:35,810 --> 00:10:51,310
Dus onze lus is veel korter en eenvoudiger om te zien wat er gebeurt als de gebruiker invoert lijst Lijst de kentekenplaathouders als de gebruiker invoert nieuwe moest doen voor de gebruiker invoert delete delete dat te doen en dan te controleren en te vragen om input opnieuw en herhaal het hele proces.

125
00:10:51,740 --> 00:10:53,810
Dus laten we gewoon controleren of het werkt.

126
00:10:53,870 --> 00:10:54,960
Ververs de pagina.

127
00:10:55,010 --> 00:10:56,180
Wat zouden we willen doen.

128
00:10:56,300 --> 00:10:59,950
Laten we lijst te doen en we krijgen onze lijst.

129
00:11:00,620 --> 00:11:08,500
Laten we gaan door en voeg een nieuwe tot finish afwas te doen.

130
00:11:09,170 --> 00:11:14,100
Laten we een lijst weer en we krijgen onze twee te hebben genoteerd.

131
00:11:14,180 --> 00:11:18,550
Nu als we verwijderen deze keer te verwijderen.

132
00:11:18,560 --> 00:11:21,050
Wel heb ik een schildpad index 0.

133
00:11:21,140 --> 00:11:22,490
Ik ga om te verwijderen dat.

134
00:11:22,910 --> 00:11:27,010
Ik krijg mijn bericht verwijderd te doen en te laten gaan en te stoppen.

135
00:11:27,230 --> 00:11:28,950
Het vertelt me ​​goed je stoppen.

136
00:11:29,550 --> 00:11:31,730
Dat is alles wat we gaan doen voor nu.

137
00:11:31,760 --> 00:11:33,440
Er zijn een paar dingen die ik wil samenvatten.

138
00:11:33,470 --> 00:11:37,540
De eerste is dat we een lijst voor elk van de te doen.

139
00:11:37,850 --> 00:11:41,270
En we konden passeren in een tweede argument te noemen wat dan ook.

140
00:11:41,400 --> 00:11:45,730
En die verwijst naar de index van elk item dat is doorgegeven.

141
00:11:45,890 --> 00:11:53,170
Het andere ding dat we deden wordt geleerd over splice en splice hoe we verwijderd van een specifiek item van de array.

142
00:11:53,180 --> 00:11:55,130
Het duurt twee argumenten.

143
00:11:55,130 --> 00:12:02,200
De positie van de zaak moet worden verwijderd en vervolgens een aantal hoeveel items te verwijderen nadat die index.

144
00:12:02,270 --> 00:12:12,400
Het laatste wat ik wil hier over praten is dat we herwerkt dingen in afzonderlijke functies dus hoewel we niet deze functies niet te bellen meer dan eens dat we slechts één keer schreef ze.