Je pourrais revenir dans cette leçon.
Nous continuons à parler d'une course et nous allons nous concentrer sur l'itération des réseaux.
Donc jusqu'à ce point, nous avons vu comment nous pouvons créer un tableau comment un tableau est juste une liste de données, nous pouvons stocker tout ce que nous voulons là-dedans.
Nous pouvons stocker des nombres et des chaînes et des valeurs booléennes que nous pouvons stocker d'autres tableaux, mais l'idée est que nous avons stocké les choses là-dedans et nous avons pris des choses et nous avons accédé à des informations comme me donner le premier élément me donner le dernier élément ou Nous avons utilisé push et pop et shift et n shift.
Mais jusqu'à ce point nous n'avons pas vu comment nous pourrions accéder à chaque morceau d'un tableau ou faire du code à chaque élément d'un tableau.
Et c'est ce que l'itération de tableau se réfère à l'itération sur une liste itérant sur un tableau.
Fondamentalement en boucle à travers ce tableau et faire quelque chose à chaque élément ou à chaque élément.
Donc je vais vous donner quelques applications du monde réel quelques exemples réels d'itération de tableau.
Un exemple commun est donc les commentaires et les messages.
Donc, un blog écrit si c'est tumblr ou Reddit, je suppose que tumblr n'a pas vraiment de commentaires, mais disons lire et lire.
Post a un tas de commentaires.
Eh bien, ces commentaires sont stockés dans un tableau et afin d'afficher tous ces commentaires ce qui se passe réellement, c'est que certaines boucles de code iterates sur ce tableau avec 10000 commentaires potentiellement et pour chacun, il leur fait chaque fois tout le contenu et fait un peu Ally ou il fait un paragraphe quels que soient les commentaires qui l'a vieilli dehors est généré dans une boucle.
Quand nous ferons une tournée en Irak, nous ferons quelque chose de très similaire avec les commentaires.
Plus tard dans ce cours, quand nous parlerons de Noad et de l'exprimer en développement, nous utiliserons une boucle pour itérer sur un tableau de commentaires pour imprimer chaque commentaire.
Nous allons également utiliser l'itération de tableau lorsque vous le faites pour faire la liste.
Ainsi nous avons déjà commencé une liste simple à faire mais quand nous ajoutons réellement dans chacun à malmsey SS utiliseront une boucle pour aller pour chacun pour faire et faire un peu de div pour chacun pour faire et alors nous allons style chacun.
Même chose quand vous faites une application de blog, nous allons utiliser une boucle et pour chaque blog dans notre tableau de blogs, nous allons faire quelque chose.
Nous allons faire un petit blog sur la page.
Donc, le rayonnement est vraiment important.
C'est probablement la chose la plus courante que nous faisons avec les tableaux.
Nous avons une liste de données.
Habituellement, vous voulez faire quelque chose pour tout dans cette liste.
Sinon, si vous voulez travailler à la première chose toujours ou le septième élément toujours peut-être vous ne devriez pas utiliser un tableau.
Peut-être que vous venez de stocker cet élément sur son propre.
Nous avons donc trois objectifs.
Le premier est que je veux vous montrer comment vous pouvez utiliser une boucle for pour itérer sur un tableau et puis je vais vous montrer quelque chose de nouveau appelé pour chacun.
Donc, vous avez vu quatre boucles avant, mais un foreach est quelque chose de nouveau, c'est excitant à mon avis.
C'est vraiment très utile aussi.
Et puis la dernière chose que nous allons faire est de comparer les deux.
Alors commençons ici, j'ai un exemple d'utilisation d'une boucle for pour boucler un tableau.
Donc, nous avons un tableau de couleurs qui a quatre éléments pour les cordes rouge orange jaune et vert.
Maintenant si je voulais imprimer chacun d'eux si nous ne parlions pas de cela, nous n'avons pas fait une re itération.
Je vais le copier ici.
Ce que j'aurais à faire est quelque chose comme ça.
Annuler que les couleurs du journal zéro et puis faire la même chose pour 1 et 2.
Et puis enfin pour 3 qui nous donne vert et les invités têtes nocives, mais qui n'est nulle part aussi mauvais que cela pourrait être si nous avions dix mille couleurs dans ce tableau ou 10000 commentaires sur ou lire un post.
Évidemment, cela ne fonctionnerait pas vraiment pour nous.
Sans parler du fait que ce n'est pas un code sec.
Nous nous répétons tout le temps.
Donc, nous utilisons une boucle pour aider à automatiser ce processus parce que ce que nous faisons ici est la même opération.
La seule chose qui change est le numéro 8 ici.
Et chaque fois que nous sommes juste en ajoutant un.
Nous commençons donc au début de la matrice et nous allons jusqu'à la fin pour que vous puissiez le faire avec une boucle for comme vous pouvez le voir ici.
Ainsi notre boucle FOR notre oeil notre variable commence à zéro parce que c'est toujours le premier index dans le tableau.
Et puis nous ajoutons un à chaque fois à travers la boucle et nous continuons.
Sensationnel.
Il est inférieur à la longueur du tableau des couleurs.
Rappelez-vous donc que la longueur de ce tableau est de quatre.
Donc, alors que j'ai moins de quatre heures, il ne devrait jamais égal quatre parce que les couleurs quatre n'est pas définie.
Donc, ce type de boucle for est vraiment très commun.
Alors laissez-moi juste de le taper ici pour notre œil égal à zéro yeux moins de couleur flotter et vous n'avez pas à le faire de cette façon.
Vous pouvez également faire moins de ou égaliser deux couleurs de longueur.
Amanda Swon, qui est un peu plus longtemps, donc la plupart des gens ne l'écriraient pas de cette façon, mais c'est la même chose.
Alors fermez-vous comme je plus plus et ouvrez nos crochets.
Et ce que nous allons faire ici au lieu de conseils sur l'enregistrement, nous allons faire sur les alertes alertes couleurs.
J'aime ça.
Donc, en fait, cela ne devrait pas être tout ce que de nouveaux voyant nous voir en utilisant une boucle for comme cela est nouveau, mais il n'y a rien de nouveau ici en ce qui concerne les concepts.
C'est juste prendre une boucle for que vous avez déjà vu un nombre commençant à zéro et nous montons et disons à un autre nombre et puis tout ce que nous faisons est de brancher ce nombre dans un tableau.
Essayons donc ceci.
Et j'espère que vous pouvez lire ceci je finis avec rouge orange jaune vert.
Et faisons la même chose juste avec le conseil dot Lague à la place.
Et voilà.
Donc, encore une fois ce que nous ferions réellement avec quelque chose comme des commentaires qui font pour de notre appel.
Et puis j'ai demandé moins et les commentaires en longueur plutôt que d'annuler l'enregistrement de quelque chose que nous pourrions avoir une fonction appelée comment faire un commentaire lui bordé ou quelque chose comme ça et qui serait responsable de faire tout le iChat Alpher un commentaire et maintenant nous le faisons Il à chaque élément dans le tableau des commentaires.
D'ACCORD.
Voilà comment nous pouvons utiliser une boucle for.
Nous pourrions aussi revenir en arrière, alors nous commençons à la fin du tableau et nous continuons jusqu'à ce que nous atteignions zéro.
Mais c'est un peu moins commun, mais il ya toute une autre façon d'itérer dans un tableau appelé foreach.
Et à mon avis foreach est beaucoup plus agréable à utiliser il est plus simple, il est plus court et il est plus courant de nos jours.
Maintenant pour chacun a toujours été une partie de Javascript.
Donc, il est relativement nouveau par rapport à l'aide d'une boucle for ou old plain pour la boucle à travers un tableau.
Il est sorti dans un je pense 2009 environ.
Donc, il y aura des tutoriels et il ya des livres plus anciens qui ne font pas référence, mais pour ce que ça vaut, je pense que c'est la meilleure façon de boucler un tableau.
Il y a un peu d'obstacle à surmonter au tout début, comme vous le verrez ici.
C'est quelque chose de nouveau, c'est un peu intimidant où nous sommes en fait passer une fonction dans une autre fonction.
Donc je vais vous expliquer cela dans un instant.
Mais une fois que vous avez passé que une fois que vous avez appris la syntaxe et s'y habituer et vous savez quand vous avez besoin d'avoir des parenthèses entre parenthèses et il ya un peu de bagage que vous avez à passer au début mais une fois Vous êtes à l'aise avec elle c'est tellement plus facile que d'utiliser une boucle for.
C'est plus rapide et vous le verrez partout et je ferai de mon mieux pour essayer d'être équilibré pour les boucles d'utilisation foreach juste pour un peu de vous frapper des deux directions afin que vous vous habituez à tous les deux.
Mais je vais vous dire maintenant que je suis partielle à quatre chacun.
Alors voici ce que c'est.
C'est une méthode appelée pour chacun qui est définie sur chaque tableau unique.
Il fait partie de quelque chose appelé le prototype de tableau qui est où toutes ces méthodes comme pousser et pop et shift et unshipped C'est là où ils vivent tous.
Donc ce qu'il fait est qu'il prend une fonction comme un argument que vous pouvez voir ici.
Donc nous nous écrivons tableau quel que soit le nom du tableau est colorés commentaires point pour chaque coût de chameau par cas.
Et puis nous passons dans une fonction.
Donc, il ne ressemble pas vraiment à cela.
Normalement ce que vous verrez le plus souvent est une fonction anonyme comme nous l'avons ici.
Donc vous passez dans cette chose entière qui est une fonction et ensuite cette fonction est appelée pour chaque élément unique dans le tableau.
Permettez-moi de vous montrer un exemple.
Nous allons simplement prendre ce code.
Copiez ce tableau et effacez d'abord l'écran.
Donc nous avons le tableau des couleurs et ensuite nous écrivons des couleurs pour chacun.
Et chaque fois que je passe, nous serons appelés sur chaque élément et alors nous aurons typiquement nano dysfunction ici et je ne vais pas lui donner des arguments.
Je vais vous expliquer ce que cet argument est en un instant.
Donc coloriste pour chacun.
Et puis juste la fonction vide.
Et pour l'instant nous ferons un waterlog constant à l'intérieur de la pour chaque Juste comme ça.
Prenez un moment à réfléchir à ce que vous attendez à ce que je disais que cela provoque la fonction de chaque élément dans le tableau et je vais toucher entrer.
Et j'oublie toujours cela, il ne fait pas très bonne vidéo ici, mais Chrome va compresser tous ces journaux des conseils en une seule ligne.
Mais il ya un chiffre pour le rouge ici.
Donc, il est de le répéter quatre fois un pour chaque élément dans le tableau.
Ainsi, un moyen plus facile de voir que serait réellement une alerte et ils obtiennent une lettre pour alerter trois et quatre alertes.
Donc, il le fait pour chaque élément dans le tableau.
Mais ce n'est pas tout ce qui est utile juste pour exécuter un code x nombre de fois ou longueur moins un nombre de fois pour un tableau.
Nous voulons généralement utiliser les données dans ce tableau en quelque sorte.
Qu'il s'agisse de faire des commentaires chaque fois maintenant, que ce soit enregistrer quelque chose dans la base de données, que ce soit ajouter quelque chose à une partition pour chaque élément, mais nous voulons habituellement interagir ou manipuler ces données d'une certaine manière plutôt que simplement arbitrairement alerter ou vient à cette journalisation.
Donc, la façon dont nous obtenons ces données est d'avoir notre fonction quelle que soit cette fonction est de savoir si c'est une fonction anonyme une fonction nommée fonction expression.
Peu importe.
Mais quelle que soit cette fonction, nous l'avons sauf un argument, alors permettez-moi de réécrire ceci ici et il peut être appelé tout ce que nous voulons comme n'importe quelle autre fonction que nous définissons.
Donc, je vais commencer par un nom terrible comme j'aime les chiens que vous ne l'espérons jamais utiliser dans votre code, sauf si cela avait vraiment du sens dans certaines situations.
Je ne peux pas penser à beaucoup et ce que je vais faire est de prendre soit des chiens et imprimer.
J'adore les chiens à chaque fois donc ne vous connectez pas à l'intérieur pour chacun.
Plus j'aime des chiens et je vais frapper entrer et vous verrez que nous obtenons à l'intérieur du fourrage lu à l'intérieur de l'orange fourrage à l'intérieur du jaune fourrage et enfin à l'intérieur de la pour chaque vert.
Donc, ce qui se passe, c'est que j'aime les chiens est la tenue de la valeur de chaque élément dans ce tableau que nous boucle ou que les boucles foreach à travers.
Il appelle donc cette fonction pour chaque élément de cette fonction entière ici.
Et non seulement il est simplement appeler, mais il passe en rouge, puis orange et puis jaune et vert dans cette fonction.
Permettez-moi de vous montrer une autre syntaxe.
Eh bien, ce n'est pas vraiment une syntaxe alternative mais une autre façon de définir une fonction et de la transmettre.
C'est donc comme n'importe quelle autre fonction.
Et va appeler la couleur d'impression et tout ce qu'il fera est de prendre un argument appelé couleur et puis au lieu d'ici je vais faire un journal constant et nous allons juste faire une ligne d'étoiles là-bas pour commencer et je vais copier cette ligne et Puis en dessous il ne sera pas log couleur.
Et puis encore un contour pièce.
D'ACCORD.
Nous devons donc trouver une fonction simple.
J'espère que c'est l'examen à ce point prend un argument appelé couleur et je tapez Enter rien ne se passe parce que je n'ai défini la fonction.
Mais maintenant, si je l'appelle couleur d'impression et nous allons faire pourpre.
Évidemment, la meilleure couleur que je reçois étoiles étoiles pourpres.
Et tout comme l'examen, je suis indéfini parce que ma fonction ne retourne rien, mais elle imprime trois lignes.
OK, donc je peux utiliser pour chacun d'exécuter cette couleur d'impression sur chaque élément dans le tableau et tout ce que j'ai à faire est de couleurs qui est mon tableau pour chacun et puis plutôt que de taper toute une fonction ici.
Tout ce que je fais est passer en couleur d'impression et c'est une note très importante que je ne met pas les parenthèses ici si je ne mettent ces parenthèses là.
Je vais appeler immédiatement cette fonction.
Rappelez-vous quand javascript voit une fonction suivie par des parenthèses, il s'exécute.
Donc, peu importe que je le transmet pour chaque. Il sera appelé avant que nous voulions qu'il soit appelé ce que nous voulons réellement faire est juste passer en couleur d'impression sans parenthèses, nous disons pour chacun.
Et c'est parti.
Voici la fonction.
Je veux que tu m'appelles plus tard.
Quand vous bouclez et je veux que vous l'appeliez sur chaque élément du tableau.
Alors, que se passera-t-il si nous avançons rapidement.
Eh bien, laissez-moi frapper entrer en premier et vous verrez que nous obtenons pourpre alors qu'il commence ici rouge orange jaune et vert.
Donc, ce qui se passe derrière les scènes est que pour chacun est de prendre la couleur d'impression et il est en cours d'impression couleur rouge couleur d'impression orange Sauf, il n'a pas vraiment l'air comme ça.
Il ressemble plus à cette couleur d'impression couleurs Pi qui commence à 0 et puis jolies couleurs couleurs un.
Nous prenons donc notre fonction de couleurs d'impression et nous l'appelons en fait.
Donc nous disons simplement ce qu'il faut appeler et nous allons l'appeler sur les articles.
Donc, pour chacun C'est vraiment sympa parce que nous n'avons pas à travailler avec moi, nous n'avons pas à écrire la syntaxe pour une boucle for et nous n'avons pas à accéder aux couleurs I à l'intérieur de notre code ou que nous avons accès est quelque chose Nous l'appelons ici.
Alors la couleur dans ce cas, mais rappelez-vous que j'ai montré que j'aime les chiens qui n'est pas un bon nom vraiment, mais il peut être tout ce que nous voulons et j'espère que cela signifie plus que les couleurs.
Donc, encore une fois, nous pouvons utiliser les deux pour et pour chaque pour chaque est plus récent plus populaire et je préfère mais je ferai de mon mieux pour vous donner une perspective équilibrée ou au moins vous forcer à voir les deux.
Et puis voici une comparaison des deux façons de boucler à travers et il ya plus de deux façons dont nous pourrions utiliser une boucle de temps bien sûr que je vais vous montrer brièvement.
Nous pourrions faire la même chose pour les couleurs.
Tout ce que nous devons faire est de définir une variable.
Appelons-le compter et c'est égal à zéro au début.
Et puis nous allons faire alors que le compte est moins de couleurur à longueur juste comme notre pour chacun.
Je veux dire juste comme une boucle for.
Et puis, au lieu d'ici, nous avons à incrémenter le compte avant que nous oublions et puis nous pouvons simplement faire une constante alt log couleur comptes.
C'est donc un peu plus de syntaxe, tout comme chaque boucle est généralement comparée à une boucle for.
Nous devons définir une variable d'abord et ensuite nous devons l'incrémenter dans la boucle et nous finirons par rouge orange jaune vert.
Donc, vous pouvez utiliser une boucle de temps, mais c'est vraiment rare, presque jamais vous verrez quelqu'un le faire.
C'est presque toujours une boucle for ou une pour chacun.
Et de plus en plus c'est presque toujours pour chacun.
Il ya des cas où où pour chacun n'existe pas que je vais m'assurer de souligner avec certains des trucs navigateur certains des HMLC Ss et Javascript stuff quand nous combinons tous ensemble il y aura des moments où nous travaillons avec des choses Qui ressemblent à des tableaux, mais ils ne sont pas réellement.
Et c'est vraiment confus.
Mais je vais m'assurer que vous êtes au courant de cela et nous ne pouvons pas l'utiliser pour chacun alors.
Donc, il est toujours bon de se rappeler comment vous écrivez une boucle for et comment vous faites la même chose avec pour chacun.
C'est donc ce que ce code vous montre ici prendre un moment pour l'étudier si vous le souhaitez.
Les principales différences sont le fait que dans une boucle for nous traitons un nombre.
Nous passons donc d'un nombre de zéro jusqu'à la fin du tableau et nous utilisons ce numéro pour accéder aux couleurs du tableau.
I dans un foreach qui est abstraite loin de nous.
Donc, tout ce que nous avons affaire à un nom que nous avons créé un espace réservé temporaire couleur ou un élément ou une chose quoi que ce soit commentaires post ami et vous utilisez cela au lieu d'une fonction.
Et le plus commun le plus souvent, vous verrez une fonction anonyme ici à moins qu'il y ait une fonction que vous voulez réutiliser plus tard et que vous voulez appeler d'autres parties de votre code, alors vous pourriez le définir, vous pourriez lui donner un nom en dehors de la foreach .
D'ACCORD.
Nous avons donc couvert beaucoup.
Ce sont des trucs de trucs vraiment importants, des fonctions et des arrays, des choses qui vont se réunir maintenant.
Encore une fois, je ferai de mon mieux pour vous assurer que vous voyez les deux façons d'écrire une boucle tout au long du cours et ensuite nous avons un très court exercice très rapide ne devrait pas prendre plus de 30 secondes.