1
00:00:00,780 --> 00:00:04,590
Dans cette vidéo, nous allons apporter quelques améliorations à cette liste à faire.

2
00:00:04,590 --> 00:00:14,500
Alors voici la nouvelle version que nous allons essayer de faire, il a une nouvelle commande qui est supprimer et en plus de cela la commande liste a changé la façon dont il imprime à utiliser.

3
00:00:14,520 --> 00:00:16,200
Donc, je vais vous montrer ce que cela ressemble.

4
00:00:16,200 --> 00:00:19,470
Je vais rafraîchir la page et je vais commencer par ajouter un nouveau à faire.

5
00:00:19,980 --> 00:00:24,120
Et ajoutons à tuer Voldemort.

6
00:00:24,960 --> 00:00:35,340
Et cette fois, il me dit de tuer Voldemort ajouté à la liste et puis si je regarde la liste, je reçois cette belle petite impression où chaque élément est sur sa propre ligne.

7
00:00:35,490 --> 00:00:39,540
Ce que nous avions l'habitude d'avoir avant, c'est qu'il a juste imprimé le tableau entier sur une ligne.

8
00:00:39,540 --> 00:00:47,830
Donc, maintenant, nous les obtenons sur des lignes distinctes et puis aussi je peux supprimer un en tapant supprimer et il me demande un index.

9
00:00:47,850 --> 00:00:50,230
Alors disons que je veux supprimer kill Voldemort.

10
00:00:50,370 --> 00:00:51,860
J'accomplis cette tâche.

11
00:00:51,900 --> 00:00:55,560
Je tape le numéro un et il me dit de le faire est supprimé.

12
00:00:55,740 --> 00:01:01,620
Et je pourrais vérifier que, en tapant la liste et je vois maintenant ma liste n'a qu'un seul élément.

13
00:01:01,710 --> 00:01:03,230
C'est ce que nous visons ici.

14
00:01:03,510 --> 00:01:08,450
Commençons par ajouter quelques-unes de ces fonctionnalités à notre ancienne version de l'application.

15
00:01:09,360 --> 00:01:14,230
La première chose que je veux faire est juste de démontrer comment notre commande LIST fonctionne actuellement.

16
00:01:14,370 --> 00:01:15,900
J'ajouterai donc quelque chose de nouveau.

17
00:01:15,960 --> 00:01:17,380
Juste quelques lettres aléatoires.

18
00:01:17,550 --> 00:01:22,560
Et maintenant, si je tape une liste, il imprime tout le tableau dans une seule ligne.

19
00:01:22,560 --> 00:01:42,340
Donc, ce que je veux faire à la place est imprimé sur des lignes séparées comme nous avions là-bas où nous avons obtenu ce diviseurs d'astérisque gentil et puis entre les deux ont deux colon par la nouvelle tortue un côlon et ainsi de suite pour faire que nous devons accomplir que Nous ne pouvons pas simplement compter sur le journal tout faire.

20
00:01:42,690 --> 00:01:47,730
Nous allons avoir besoin de boucler les choses à faire et d'imprimer chacune d'elles individuellement.

21
00:01:47,730 --> 00:01:48,850
Nous avons donc quelques choix.

22
00:01:48,930 --> 00:01:51,810
Nous pouvons utiliser une boucle for ou une boucle For Each.

23
00:01:51,960 --> 00:01:55,010
Je vais utiliser pour chacun parce que c'est ce que je préfère.

24
00:01:55,140 --> 00:01:57,180
Mais ce n'est vraiment qu'une question de préférence.

25
00:01:57,630 --> 00:02:04,730
Donc, pour faire des choses pour chacun, nous lui donnons cette fonction et nous allons simplement mettre à faire là-dedans.

26
00:02:04,770 --> 00:02:15,850
Rappelez-vous que juste le nom que nous constituons un espace réservé et tout ce que nous allons faire est d'annuler ce journal à faire et puis nous allons nous débarrasser de ce et sauver.

27
00:02:16,560 --> 00:02:20,400
Donc, nous allons faire une boucle pour faire, il suffit de lui donner un nom à faire.

28
00:02:20,400 --> 00:02:22,570
C'est un espace réservé à chaque individu à faire.

29
00:02:22,590 --> 00:02:26,830
Et nous imprimons juste chacun pour rafraîchir la page.

30
00:02:27,510 --> 00:02:29,460
Ajoutons un nouveau.

31
00:02:30,330 --> 00:02:31,600
Des lettres aléatoires à nouveau.

32
00:02:31,860 --> 00:02:33,470
Voilà la liste.

33
00:02:33,490 --> 00:02:36,060
Et maintenant, nous avons deux lignes.

34
00:02:36,810 --> 00:02:42,540
Donc, la prochaine étape va être l'ajout de ces nombres avec une boucle For Each.

35
00:02:42,660 --> 00:02:48,790
Nous n'avons pas immédiatement accès à l'index ou au numéro auquel chaque article correspond.

36
00:02:48,810 --> 00:03:00,300
Nous pourrions faire quelque chose d'un peu hacky comme celui-ci où nous ferions à Doo que l'index de faire ce qui prendrait par nouvelle tortue le brancher pour faire ceci.

37
00:03:00,510 --> 00:03:02,640
Et puis cela nous donnerait un numéro de retour.

38
00:03:02,640 --> 00:03:04,210
Ce n'est donc pas une solution idéale.

39
00:03:04,470 --> 00:03:13,520
Ce que nous pouvons faire est juste d'ajouter un deuxième argument à notre pour chaque fonction que je vais appeler index peut être appelé tout bien sûr peut-être juste I.

40
00:03:13,800 --> 00:03:17,040
Et cela va se référer à l'index.

41
00:03:17,040 --> 00:03:23,430
Donc, le premier, il va être l'élément à faire et puis ce sera l'indice de ce particulier à faire.

42
00:03:23,430 --> 00:03:26,080
Donc, chaque fois que nous obtenons les deux.

43
00:03:26,640 --> 00:03:38,080
Donc, pour ce premier élément à faire sera par l'indice nouvelle tortue sera zéro pour cet élément à faire sera cette chaîne entière de lettres et I ou indice sera un.

44
00:03:38,370 --> 00:03:40,590
Donc, tout ce que nous voulons faire, c'est imprimer ça.

45
00:03:40,590 --> 00:03:47,050
Donc, le format que j'ai suivi a été le nombre de points d'index que de faire avec l'espace entre les deux.

46
00:03:47,430 --> 00:03:52,200
Donc, cela ressemble à ce que je plus.

47
00:03:52,200 --> 00:03:57,200
Et puis nous avons besoin de notre colon et notre espace plus le à faire.

48
00:03:57,510 --> 00:03:59,040
Allons-y et testez ceci.

49
00:03:59,340 --> 00:04:09,420
Donc je vais rafraîchir et je vais ajouter dans un nouveau à faire cette fois par les manuels de Poudlard.

50
00:04:09,450 --> 00:04:10,300
D'ACCORD.

51
00:04:11,030 --> 00:04:18,710
Maintenant, tous les types de liste et je vois que je reçois les deux de mon à utiliser sur des lignes séparées chacun avec un numéro à côté de lui.

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

53
00:04:19,920 --> 00:04:26,540
Donc la toute dernière chose que je veux faire est d'ajouter ces astérisques autour de la liste comme nous l'avons ici.

54
00:04:26,550 --> 00:04:28,140
C'est très simple.

55
00:04:28,140 --> 00:04:32,570
Tout ce que nous devons faire est un con. Mais log star star star.

56
00:04:32,610 --> 00:04:34,050
Je pense que j'ai fait 10.

57
00:04:34,140 --> 00:04:35,080
Peu importe.

58
00:04:35,190 --> 00:04:36,850
Et je vais juste copier ça avant.

59
00:04:37,080 --> 00:04:39,060
Et puis après le foreach.

60
00:04:39,330 --> 00:04:40,880
Et cela nous donnera ce que nous voulons.

61
00:04:41,160 --> 00:04:42,940
Donc je vais le démontrer.

62
00:04:42,940 --> 00:04:49,070
Allez à notre liste de rafraîchissement de version et de type et nous obtenons nos petits astérisques entourant notre liste.

63
00:04:50,760 --> 00:04:55,030
Donc la prochaine fonctionnalité ici va être supprimée.

64
00:04:55,100 --> 00:05:02,860
Donc, je vais revenir à ma liste quel âge pour lui comment je vais ajouter un nouvel élément de liste tout comme les instructions ici.

65
00:05:02,990 --> 00:05:11,010
Donc supprimer et qui va supprimer un spécifique à faire.

66
00:05:11,540 --> 00:05:19,500
Donc, la façon dont il fonctionne est que je dois d'abord fournir l'index de ce que nous allons supprimer et ensuite nous supprimer.

67
00:05:20,030 --> 00:05:27,620
Donc, je vais ajouter dans un autre si l'entrée est égale à égale à égale à supprimer.

68
00:05:27,620 --> 00:05:43,430
Nous devons ensuite demander que l'index 2 soit supprimé, et nous devons le supprimer pour le faire.

69
00:05:43,430 --> 00:05:45,670
D'abord demander l'index.

70
00:05:45,680 --> 00:05:47,230
C'est assez simple.

71
00:05:47,360 --> 00:05:59,340
Nous allons simplement faire une variable appelée index car invite entrer l'index de à faire pour supprimer.

72
00:05:59,810 --> 00:06:02,590
Donc, cela nous donnera l'indice comme zéro.

73
00:06:03,200 --> 00:06:07,860
Et puis nous devons utiliser cet index pour supprimer cet élément du tableau.

74
00:06:07,970 --> 00:06:09,680
Et c'est un peu plus compliqué.

75
00:06:09,740 --> 00:06:12,490
En fait, nous n'avons pas parlé de la façon de supprimer quelque chose d'un tableau.

76
00:06:12,500 --> 00:06:16,730
Mis à part l'utilisation de POP et shift, mais ceux qui ne sont retirés de la fin d'un tableau.

77
00:06:16,830 --> 00:06:17,830
Mais le début.

78
00:06:18,110 --> 00:06:21,940
Ce que nous voulons faire ici est potentiellement supprimer de n'importe où à l'intérieur du tableau.

79
00:06:22,040 --> 00:06:26,650
Il y a donc une autre méthode appelée épissure.

80
00:06:26,650 --> 00:06:28,950
Et je vais vous montrer comment nous utilisons la place.

81
00:06:29,120 --> 00:06:38,390
Nous allons écrire pour utiliser cette épissure et ce sera essentiellement faire une coupe et supprimer un certain nombre d'éléments d'un tableau.

82
00:06:38,420 --> 00:06:41,770
Donc le premier argument est celui où nous voulons faire cette coupure.

83
00:06:41,990 --> 00:06:49,990
Donc, ce sera l'index que l'utilisateur a fourni et le deuxième argument est le nombre d'éléments que vous voulez supprimer.

84
00:06:50,060 --> 00:06:51,770
Suivant cet indice.

85
00:06:51,770 --> 00:06:54,110
Nous voulons seulement supprimer un élément.

86
00:06:54,110 --> 00:06:55,910
Donc c'est tout ce que nous devons faire.

87
00:06:55,920 --> 00:07:01,350
Splice index un qui demandera à l'utilisateur qui à l'obligation de supprimer.

88
00:07:01,370 --> 00:07:02,310
Donnez-moi un numéro.

89
00:07:02,600 --> 00:07:05,180
Disons que l'utilisateur tape en trois.

90
00:07:05,570 --> 00:07:12,470
Ensuite, pour commencer l'épissage va trouver l'élément avec l'index 3 et supprimer un élément.

91
00:07:12,470 --> 00:07:17,030
Si nous avons ajouté ceci, il supprimerait 10 éléments suivant cet index.

92
00:07:17,090 --> 00:07:18,430
Nous n'en voulons qu'un.

93
00:07:18,530 --> 00:07:21,350
Avançons et testez ceci dans notre navigateur.

94
00:07:21,350 --> 00:07:24,910
Je vais rafraîchir et commençons par ajouter quelques-uns à faire.

95
00:07:25,270 --> 00:07:26,600
Donc le premier.

96
00:07:27,140 --> 00:07:31,400
Ne les plats certainement besoin de le faire dès maintenant.

97
00:07:31,400 --> 00:07:37,430
Ensuite, faire la lessive.

98
00:07:37,430 --> 00:07:39,770
Je peux probablement attendre encore quelques semaines avant de faire cela.

99
00:07:39,950 --> 00:07:42,200
Et le dernier ici.

100
00:07:43,880 --> 00:07:45,000
Manger le dîner.

101
00:07:45,490 --> 00:07:46,150
D'ACCORD.

102
00:07:46,160 --> 00:07:51,230
Alors nous allons les énumérer et nous obtenons cette belle liste ici.

103
00:07:51,320 --> 00:08:03,440
Encore nous avons cinq nouvelles tortues Alors disons que je veux supprimer trouver de nouvelles tortues soit parce que j'ai déjà acheté une nouvelle tortue ou j'ai eu un changement de cœur et j'ai réalisé que les tortues sont probablement le pire animal que vous pourriez jamais posséder.

104
00:08:03,680 --> 00:08:08,070
Supprimez-le donc et tapez delete.

105
00:08:09,020 --> 00:08:16,610
Maintenant, il me demande un index de sorte que soit index zéro et ce serait bien si nous avions un peu de commentaires.

106
00:08:16,610 --> 00:08:19,910
Ce point a été supprimé afin que nous puissions ajouter le suivant.

107
00:08:20,330 --> 00:08:21,720
Mais pour vérifier qu'il fonctionnait.

108
00:08:21,740 --> 00:08:26,200
Si nous tapons la liste, nous voyons que notre tableau a maintenant changé.

109
00:08:26,210 --> 00:08:35,830
Maintenant, nous n'avons plus acheter une nouvelle tortue et nous avons juste faire la vaisselle faire la lessive et dîner, alors laissez-nous quitter et ajoutons un peu de rétroaction.

110
00:08:35,840 --> 00:08:56,450
Commençons quand vous supprimez quelque chose que nous annulerons ce journal pour faire disons supprimé pour faire et pour sauver cela et faisons la même chose pour quand vous l'ajoutez pour faire nous ferons un journal de concert ajouté pour faire juste pour que nous voyions que ce passe-t-il.

111
00:08:57,440 --> 00:09:06,710
Et pendant que je suis ici, je remarque que cette boucle prend un peu de temps, alors ce que nous voulons probablement faire est de le décomposer en fonctions distinctes.

112
00:09:06,770 --> 00:09:11,930
Donc, nous allons refactoriser ce fonctionnellement rien ne va changer sur la façon dont il fonctionne.

113
00:09:11,990 --> 00:09:14,770
C'est juste une question de comment le code est organisé.

114
00:09:14,900 --> 00:09:17,290
Alors voici comment je voudrais qu'il fonctionne.

115
00:09:17,330 --> 00:09:20,200
Nous avons une fonction distincte ici.

116
00:09:20,250 --> 00:09:35,950
Je vais copier tout cela et le couper et notre fonction sera appelée simplement List pour faire ceci et c'est tout ce que nous allons mettre à l'intérieur si ceci si l'entrée est égale à la liste alors nous allons descendre Ici et définir la liste à faire.

117
00:09:36,050 --> 00:09:41,640
Et nous allons simplement coller ce code et c'est tout.

118
00:09:44,030 --> 00:09:45,300
Juste comme ça.

119
00:09:45,410 --> 00:09:47,480
Je vais répéter la même chose.

120
00:09:47,540 --> 00:09:55,900
Donc, si les entrées utilisateur savait où copier ce code le couper et nous allons simplement appeler une fonction, nous allons écrire du code.

121
00:09:55,910 --> 00:10:08,870
Ajouter à faire alors j'ai besoin d'écrire ma fonction a dû faire coller ce code en retrait ceci correctement et sauver un de plus.

122
00:10:08,870 --> 00:10:29,250
Si l'utilisateur saisit la suppression vont ajouter une nouvelle fonction appelée Supprimer pour le faire, nous allons créer cela en bas de la fonction de suppression pour faire et coller ce code dans l'espace il correctement et maintenant nous devrions être bon à aller.

123
00:10:29,750 --> 00:10:35,630
Donc, vous pouvez voir que nous n'avons pas vraiment changer la fonctionnalité du tout, mais nous avons nettoyé cette logique beaucoup.

124
00:10:35,810 --> 00:10:51,310
Donc, notre boucle est beaucoup plus courte et plus facile de voir ce qui se passe si l'utilisateur entre liste liste les tidies si l'utilisateur entre de nouvelles avait à faire pour l'utilisateur entre supprimer supprimer cela à faire, puis vérifier et demander de nouveau l'entrée et répéter tout le processus.

125
00:10:51,740 --> 00:10:53,810
Vérifions donc que cela fonctionne.

126
00:10:53,870 --> 00:10:54,960
Actualisez la page.

127
00:10:55,010 --> 00:10:56,180
Qu'est-ce que nous aimerions faire.

128
00:10:56,300 --> 00:10:59,950
Faisons la liste et nous obtenons notre liste.

129
00:11:00,620 --> 00:11:08,500
Allons-y et ajoutez un nouveau pour faire des plats de finition.

130
00:11:09,170 --> 00:11:14,100
Let's liste encore et nous obtenons nos deux à faire énumérés.

131
00:11:14,180 --> 00:11:18,550
Maintenant, si nous supprimons une suppression cette fois.

132
00:11:18,560 --> 00:11:21,050
J'ai acheté un indice de tortue 0.

133
00:11:21,140 --> 00:11:22,490
Je vais supprimer cela.

134
00:11:22,910 --> 00:11:27,010
Je reçois mon message supprimé à faire et nous allons aller de l'avant et de quitter.

135
00:11:27,230 --> 00:11:28,950
Ça me dit que tu as arrêté.

136
00:11:29,550 --> 00:11:31,730
C'est tout ce que nous allons faire pour le moment.

137
00:11:31,760 --> 00:11:33,440
Il ya quelques choses que je veux résumer.

138
00:11:33,470 --> 00:11:37,540
Le premier est que nous utilisons un pour chacun d'énumérer les à faire.

139
00:11:37,850 --> 00:11:41,270
Et nous pourrions passer dans un deuxième argument pour être nommé quelque chose.

140
00:11:41,400 --> 00:11:45,730
Et qui fait référence à l'indice de chaque élément qui est passé en.

141
00:11:45,890 --> 00:11:53,170
L'autre chose que nous avons fait a été appris sur l'épissage et l'épissage de la façon dont nous avons supprimé un élément spécifique de la matrice.

142
00:11:53,180 --> 00:11:55,130
Il faut deux arguments.

143
00:11:55,130 --> 00:12:02,200
La position de la chose à supprimer, puis un certain nombre de combien d'éléments à supprimer après cet index.

144
00:12:02,270 --> 00:12:12,400
La dernière chose dont je veux parler ici, c'est que nous avons refacturé les choses en fonctions distinctes, même si nous n'avons pas appelé ces fonctions plus d'une fois, nous ne les avons écrit qu'une seule fois.