2.6 Les Tableaux

Bonjour à tous et bienvenue sur ce cours ou on va voir les tableaux en JavaScript. Parfois, dans vos applications, vous avez peut-être affaire à une liste d'objets, par exemple la liste des produits dans un panier ou la liste des couleurs que l'utilisateur a sélectionné. Dans des situations comme celle-ci vous avez un tableau pour stocker cette liste. Ici, je vais déclarer une autre variable appeler "selectionCouleur", notez que j'utilise un nom significatif en camelCase. Et on va maintenant l'initialiser et le définir sur un tableau vide. Donc ces crochets c'est ce que nous appelons un tableau littérale; il indique un tableau vide. Maintenant ce tableau et ajouter quelques éléments comme le rouge et le bleu. On enregistre et on fait un console.log de "selectionCouleur" Et voici notre tableau avec ces deux éléments "red" et "blue". Nous pouvons développer encore plus chaque élément à un index et qui détermine cette position de l'élément dans ce tableau. Ainsi l'index du premier élément est 0, l'index du deuxième élément est 1. Donc si vous souhaitez acceder à un élément du tableau, nous utilisons cet index. Par exemple, supposons que vous souhaitez afficher le premier élément de ce tableau nous utilisons ces crochets puis nous spécifions l'index. On a maintenant le rouge sur la console. Plus tôt je vous ai dit que JavaScript est un langage dynamique. Le type de variable peut donc changer au moment de l'exécution. Le même principe s'applique à nos tableaux. La longueur des tableaux ainsi que le type d'objets que nous avons dans un tableau sont dynamiques, ils peuvent changer. A la ligne 2, on va initialiser ce tableau avec deux éléments. Maintenant à la ligne 3, nous pouvons ajouter un autre élément à ce tableau afin que ce tableau se développe donc on va mettre en selectionCouleur[2] avec un indice entre crochet 2, donc cela signifie que le troisième élément de ce tableau sera en vert. Maintenant affichons ce tableau sur la console. Nous avons un tableau avec trois éléments comme on a dit on voit bien que la longueur est dynamique et peut changer le type d'objets que nous avons dans ce tableau est également dynamique contrairement aux autres langage de programmation où chaque élément ou chaque objet du tableau devrait avoir le même type. En JavaScript, nous pouvons stocker différents types dans un tableau, ainsi nous pouvons faire du dernier élément un nombre. Un obtient maintenant 2 chaîne et un nombre. Les objets du tableau ainsi que la taille du tableau sont donc dynamique. Maintenant techniquement un tableau est un objet donc tout comme l'objet personne que nous avons défini dans la dernière vidéo, il y a un tas de paires de clés de ou des propriétés auxquelles nous pouvons accéder en utilisant la notation par point(Dot notation). Donc ici sur la console, Regardons le type de couleur sélectionné, donc on fait un typeof sélectionCouleur et on constate que le type de ce tableau est un objet. Un tableau est donc un objet en JavaScript, ici à la ligne 4 nous pouvons regarder les propriétés de ce tableau ou cet objet. En utilisant la notation par point, ici ce sont les propriétés définis dans les tableaux JavaScript. Chaque fois que nous déclarons un tableau à l'aide de crochets, le tableau recevra automatiquement ses propriétes. Nous ne les avons pas définies explicitement, elles sont hérités d'une autre manière. Nous allons en apprendre plus tard lorsqu'on parlerons de prototypes. Nous allons examiner l'une et ses propriétés, c'est la propriété "lenght", elle renvoie un nombre d'items ou d'éléments dans un tableau donc vous pouvez voir que nous avons trois éléments dans ce tableau. Plus tard dans le cours, nous avons une section complète sur les tableaux. Vous en apprendrez sur toutes sortes d'opérations que vous pouvez effectuer sur les tableaux. Voilà pour cette vidéo on se retrouve pour une nouvelle vidéo sur les Fonctions en JavaScript.