D'accord, nous reviendrons.
Donc, dans cette vidéo, nous allons discuter de notre première structure de données principale qui est quelque chose appelé le tableau.
Donc, nous avons quelques objectifs ici.
La première est que nous voulons comprendre ce que sont les tableaux et pourquoi nous les utilisons.
Ensuite, nous voulons les utiliser dans notre code.
Commençons par parler de ce que le point d'un tableau est conceptuellement.
Supposons donc que je voulais modeler un groupe d'amis.
Donc, chaque ami est une chaîne avec leur nom comme Charlie et Liz David et Mathias.
Ainsi je pourrais faire pour des variables d'ami.
Chacun est une variable distincte et si je voulais ajouter un autre je devrais sauver notre ami 5 est égal à un autre nom.
Et puis j'ai besoin de savoir pour le prochain je dois faire la médecine légale et puis ami 7.
C'est donc problématique pour quelques raisons.
L'un est que ce code n'est pas ce que nous considérons comme sec.
Il ya beaucoup de code répété ici.
Aussi ces amis ne sont pas liés les uns aux autres.
Ils sont totalement séparés.
Ce n'est donc pas un groupe d'amis.
Donc c'est un cas d'utilisation parfait pour un tableau un tableau permet à ses données de groupe dans une liste.
Ainsi, plutôt que d'avoir quatre variables distinctes, nous pouvons écrire une variable et à l'intérieur de celle-ci, nous stockons quatre noms différents.
Examinons de plus près comment fonctionnent les tableaux.
J'ai le même code d'exemple ici.
Var amis égaux et puis crochets.
Donc c'est ce qui dit javascript, c'est un tableau.
Jusqu'à ce point ici, nous avons affaire à juste une variable javascript régulière où sur le côté droit nous pourrions juste avoir une chaîne ou un nombre ou booléen ou indéfini ou non.
Mais au lieu nous avons un tableau.
Les crochets représentent donc un tableau.
Vous pouvez voir la parenthèse ouverte entre parenthèses fermées.
Et à l'intérieur nous avons notre liste de données pour déclarer un tableau.
C'est une liste séparée par des virgules.
Donc, nous avons nos valeurs comme Charlie comma Liz virgule virgule David.
MATHIAS.
Et cela se traduit par un tableau de quatre items.
La deuxième information importante sur les tableaux est qu'ils sont indexés comme des caractères dans une chaîne où il ya un nombre spécifique qui correspond à chaque caractère commençant à zéro.
Les matrices sont également indexées à partir de zéro.
Ainsi, chaque emplacement de ce tableau a un nombre correspondant.
Lorsque nous faisons ce tableau ici avec ces quatre noms Voici un diagramme représentant la façon dont le tableau est créé en mémoire.
Donc nous avons Charlie stocké avec le nombre zéro comme indice est avec un David avec deux Mathias avec trois.
Nous utilisons ces indices de tableau tout le temps pour obtenir des données hors du tableau.
Donc ici je suis initialiser le même tableau exact.
Et si je veux obtenir Charlie hors de la matrice, j'ai besoin de connaître l'index qui correspond à Charlee qui est.
Et puis tout ce que je fais est d'écrire des amis.
Le crochet de nom de variable est 0.
Tout comme nous le ferions pour la chaîne si je voulais le premier caractère à nouveau.
La seule différence est que nous ne traitons pas avec une chaîne de caractères nous traitons avec un tableau de chaînes.
Donc ami 0 va me donner Chartley.
De même si j'ai fait des amis celui qui me donne des vies plus un coeur plus des amis deux me donne David et nous nous retrouvons avec Liz Hart.
David, nous pouvons également utiliser les indices pour mettre à jour les valeurs du tableau.
Donc, si Charlie veut changer son nom de mandrin tout ce que je dois faire est de trouver Charlie dans le tableau avec l'index zéro amis zéro et le mettre égale à une autre chaîne Chuck.
Donc, notre tableau ressemble à ceci où nous avons Chuck à l'index 0.
Même chose avec Liz.
Elle change son nom en Lizzie, nous trouvons juste l'index correct pour Liz qui est un ami d'un égal à Lizzie comme vous pouvez le voir ici dans notre tableau.
Maintenant, ressemble à Chuck à zéro Lizzy à 1.
La prochaine caractéristique des tableaux est que nous pouvons également ajouter des données à un tableau existant.
Donc, si j'ai un nouvel ami qui serait génial, je pourrais vraiment utiliser de nouveaux amis tout ce que je dois faire est d'accéder à des amis et de mettre un index ici qui n'existe pas encore.
Donc dans ce cas pour elle et si je fais des amis pour la famille égale je vais obtenir un plomb ici index car je ne vais pas vous montrer une démonstration rapide dans la con. Je vais utiliser un tableau pour modéliser les couleurs pour le faire.
Je vais définir un tableau de var couleurs égales et je vais mettre juste quelques couleurs là-dedans comme des cordes pour commencer rouge orange et jaune et je vais toucher entrer.
J'ai maintenant ma gamme de couleurs défini.
Si j'accède aux couleurs il a trois articles dedans et si je voulais imprimer orange je ferais des couleurs pour le paquet 1 parce qu'il a un index de 1 et je reçois orange si je voulais ajouter dans un autre élément après que le jaune je voulais ajouter En vert.
Je devrais compter 0 1 2.
Donc l'index de 3 est le suivant.
Index trois couleurs trois égales vert.
Et maintenant, si nous prenons un coup d'oeil aux couleurs, je deviens rouge orange jaune vert.
Supposons que je voulais changer vert à vert foncé.
Je dois d'abord y accéder.
Donc couleurs 3.
Il suffit de vérifier que c'est vert.
Donc je vais maintenant changer les couleurs trois pour être vert foncé et c'est tout.
Une note rapide si je fais quelque chose comme des couleurs de 10 est égal à Violet et je touche entrer.
Et jetons un coup d'oeil à ce que les couleurs ressemble.
Maintenant, vous pouvez voir que je reçois rouge orange jaune vert foncé, puis il montre indéfini.
Heures 6.
Donc, ce qui s'est passé ici, c'est que j'ai ajouté Violet un index de 10 et qui nous laisse avec beaucoup d'espace vide entre l'index de 3 et l'indice de 10.
Donc javascript rend des espaces vides là et remplit certains avec undefined.
Il ya donc un tas d'espace vide dans ce tableau qui n'est pas idéal.
Donc, dans la prochaine vidéo, je vais vous montrer une autre façon d'ajouter des données où nous n'avons pas à suivre le nombre d'éléments dans notre tableau à un moment donné pour conclure ici.
J'ai quelques autres notes sur les tableaux.
La première est qu'il existe différentes façons de définir des tableaux.
La première façon est de définir un tableau vide en utilisant des crochets.
Dans ce cas, j'ai défini le tableau d'un ami, mais je n'ai malheureusement pas d'amis.
Ce sont donc des crochets vides.
L'autre façon de définir un tableau que vous pouvez rencontrer est d'écrire un nouveau tableau avec un capital A et des parenthèses après.
Donc, je ne vais pas entrer dans trop de détails sur ce que c'est, mais penser à cela comme une fonction.
C'est une fonction.
Nous l'appelons entre parenthèses.
Cela nous fait un nouveau tableau tout comme celui-ci.
Donc, ils sont équivalents dans les deux cas.
Nous avons un tableau d'amis qui est vide.
Le point suivant est que les tableaux peuvent contenir n'importe quel type de données.
Donc, vous les avez vus jusqu'ici avec des chaînes comme Charlie et Liz, mais nous pouvons les remplir avec des nombres avec des booléens sans indéfini avec des chaînes avec d'autres tableaux qui verront un peu plus tard.
Nous pouvons donc remplir des tableaux avec toutes sortes de données.
Et ils ne doivent pas tous être d'un type.
Voici donc un exemple avec un nombre de boolean une chaîne et pas tout dans un tableau.
La toute dernière chose que je vais souligner, c'est que les tableaux ont aussi une propriété length comme des chaînes.
Dans cet exemple, je définis un tableau de quatre éléments et je ne lance rien de surprenant.
Ça me donne quatre.
Je vais ouvrir mon consul et le démontrer.
Définissons un nouveau tableau ici appelé chiens et chiens.
Je vais définir une chaîne.
Rusty Wyatt et Ali comme ça.
Et si je cours Dogstar en longueur je reçois trois parce que la longueur compte juste.
Combien y a-t-il de choses là-dedans.
Mais rappelez-vous que l'indice le plus élevé dans ce tableau est toujours un moins que la longueur.
Donc, tout le est un index pour les chiens de support 2 et vous obtenez tous les.
Donc, c'est important comme des cordes.
Nous pouvons définir un nom de chaîne var égal à resti et nous appelons hotlink.
Nous obtenons 5 parce qu'il ya cinq caractères, mais l'indice de Y est index pour le nom de quatre.
Donne-moi pourquoi.
Parce que les indices commencent à zéro.
C'est bien pour ça, pour une course.
Maintenant, dans la prochaine vidéo, nous allons avoir un problème rapide.