Dans cette vidéo, nous allons apporter quelques améliorations à cette liste à faire.
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.
Donc, je vais vous montrer ce que cela ressemble.
Je vais rafraîchir la page et je vais commencer par ajouter un nouveau à faire.
Et ajoutons à tuer Voldemort.
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.
Ce que nous avions l'habitude d'avoir avant, c'est qu'il a juste imprimé le tableau entier sur une ligne.
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.
Alors disons que je veux supprimer kill Voldemort.
J'accomplis cette tâche.
Je tape le numéro un et il me dit de le faire est supprimé.
Et je pourrais vérifier que, en tapant la liste et je vois maintenant ma liste n'a qu'un seul élément.
C'est ce que nous visons ici.
Commençons par ajouter quelques-unes de ces fonctionnalités à notre ancienne version de l'application.
La première chose que je veux faire est juste de démontrer comment notre commande LIST fonctionne actuellement.
J'ajouterai donc quelque chose de nouveau.
Juste quelques lettres aléatoires.
Et maintenant, si je tape une liste, il imprime tout le tableau dans une seule ligne.
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.
Nous allons avoir besoin de boucler les choses à faire et d'imprimer chacune d'elles individuellement.
Nous avons donc quelques choix.
Nous pouvons utiliser une boucle for ou une boucle For Each.
Je vais utiliser pour chacun parce que c'est ce que je préfère.
Mais ce n'est vraiment qu'une question de préférence.
Donc, pour faire des choses pour chacun, nous lui donnons cette fonction et nous allons simplement mettre à faire là-dedans.
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.
Donc, nous allons faire une boucle pour faire, il suffit de lui donner un nom à faire.
C'est un espace réservé à chaque individu à faire.
Et nous imprimons juste chacun pour rafraîchir la page.
Ajoutons un nouveau.
Des lettres aléatoires à nouveau.
Voilà la liste.
Et maintenant, nous avons deux lignes.
Donc, la prochaine étape va être l'ajout de ces nombres avec une boucle For Each.
Nous n'avons pas immédiatement accès à l'index ou au numéro auquel chaque article correspond.
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.
Et puis cela nous donnerait un numéro de retour.
Ce n'est donc pas une solution idéale.
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.
Et cela va se référer à l'index.
Donc, le premier, il va être l'élément à faire et puis ce sera l'indice de ce particulier à faire.
Donc, chaque fois que nous obtenons les deux.
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.
Donc, tout ce que nous voulons faire, c'est imprimer ça.
Donc, le format que j'ai suivi a été le nombre de points d'index que de faire avec l'espace entre les deux.
Donc, cela ressemble à ce que je plus.
Et puis nous avons besoin de notre colon et notre espace plus le à faire.
Allons-y et testez ceci.
Donc je vais rafraîchir et je vais ajouter dans un nouveau à faire cette fois par les manuels de Poudlard.
D'ACCORD.
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.
Impressionnant.
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.
C'est très simple.
Tout ce que nous devons faire est un con. Mais log star star star.
Je pense que j'ai fait 10.
Peu importe.
Et je vais juste copier ça avant.
Et puis après le foreach.
Et cela nous donnera ce que nous voulons.
Donc je vais le démontrer.
Allez à notre liste de rafraîchissement de version et de type et nous obtenons nos petits astérisques entourant notre liste.
Donc la prochaine fonctionnalité ici va être supprimée.
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.
Donc supprimer et qui va supprimer un spécifique à faire.
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.
Donc, je vais ajouter dans un autre si l'entrée est égale à égale à égale à supprimer.
Nous devons ensuite demander que l'index 2 soit supprimé, et nous devons le supprimer pour le faire.
D'abord demander l'index.
C'est assez simple.
Nous allons simplement faire une variable appelée index car invite entrer l'index de à faire pour supprimer.
Donc, cela nous donnera l'indice comme zéro.
Et puis nous devons utiliser cet index pour supprimer cet élément du tableau.
Et c'est un peu plus compliqué.
En fait, nous n'avons pas parlé de la façon de supprimer quelque chose d'un tableau.
Mis à part l'utilisation de POP et shift, mais ceux qui ne sont retirés de la fin d'un tableau.
Mais le début.
Ce que nous voulons faire ici est potentiellement supprimer de n'importe où à l'intérieur du tableau.
Il y a donc une autre méthode appelée épissure.
Et je vais vous montrer comment nous utilisons la place.
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.
Donc le premier argument est celui où nous voulons faire cette coupure.
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.
Suivant cet indice.
Nous voulons seulement supprimer un élément.
Donc c'est tout ce que nous devons faire.
Splice index un qui demandera à l'utilisateur qui à l'obligation de supprimer.
Donnez-moi un numéro.
Disons que l'utilisateur tape en trois.
Ensuite, pour commencer l'épissage va trouver l'élément avec l'index 3 et supprimer un élément.
Si nous avons ajouté ceci, il supprimerait 10 éléments suivant cet index.
Nous n'en voulons qu'un.
Avançons et testez ceci dans notre navigateur.
Je vais rafraîchir et commençons par ajouter quelques-uns à faire.
Donc le premier.
Ne les plats certainement besoin de le faire dès maintenant.
Ensuite, faire la lessive.
Je peux probablement attendre encore quelques semaines avant de faire cela.
Et le dernier ici.
Manger le dîner.
D'ACCORD.
Alors nous allons les énumérer et nous obtenons cette belle liste ici.
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.
Supprimez-le donc et tapez delete.
Maintenant, il me demande un index de sorte que soit index zéro et ce serait bien si nous avions un peu de commentaires.
Ce point a été supprimé afin que nous puissions ajouter le suivant.
Mais pour vérifier qu'il fonctionnait.
Si nous tapons la liste, nous voyons que notre tableau a maintenant changé.
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.
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.
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.
Donc, nous allons refactoriser ce fonctionnellement rien ne va changer sur la façon dont il fonctionne.
C'est juste une question de comment le code est organisé.
Alors voici comment je voudrais qu'il fonctionne.
Nous avons une fonction distincte ici.
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.
Et nous allons simplement coller ce code et c'est tout.
Juste comme ça.
Je vais répéter la même chose.
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.
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.
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.
Donc, vous pouvez voir que nous n'avons pas vraiment changer la fonctionnalité du tout, mais nous avons nettoyé cette logique beaucoup.
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.
Vérifions donc que cela fonctionne.
Actualisez la page.
Qu'est-ce que nous aimerions faire.
Faisons la liste et nous obtenons notre liste.
Allons-y et ajoutez un nouveau pour faire des plats de finition.
Let's liste encore et nous obtenons nos deux à faire énumérés.
Maintenant, si nous supprimons une suppression cette fois.
J'ai acheté un indice de tortue 0.
Je vais supprimer cela.
Je reçois mon message supprimé à faire et nous allons aller de l'avant et de quitter.
Ça me dit que tu as arrêté.
C'est tout ce que nous allons faire pour le moment.
Il ya quelques choses que je veux résumer.
Le premier est que nous utilisons un pour chacun d'énumérer les à faire.
Et nous pourrions passer dans un deuxième argument pour être nommé quelque chose.
Et qui fait référence à l'indice de chaque élément qui est passé en.
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.
Il faut deux arguments.
La position de la chose à supprimer, puis un certain nombre de combien d'éléments à supprimer après cet index.
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.