Dans ce tutoriel vidéo en français, le présentateur explique en détail les tableaux (arrays) en JavaScript. Il commence par présenter les trois façons de créer un tableau : le constructeur `new Array()` avec des valeurs, le même constructeur en assignant les éléments un par un, et la notation littérale avec des crochets `[]`. Il montre que les tableaux peuvent contenir des types mixtes et comment accéder aux éléments via leur index. Ensuite, il décrit les propriétés et méthodes essentielles : `length` pour connaître le nombre d’éléments, `join` pour convertir le tableau en chaîne avec un séparateur, et `split` appliqué à une chaîne pour obtenir un tableau. Il illustre l’itération avec une boucle `for` pour afficher chaque valeur. Le présentateur introduit les tableaux à deux dimensions et montre comment les exploiter pour résoudre un problème concret : formater la date du jour sous la forme « lundi 21 janvier 2019 ». Il crée deux tableaux contenant les noms des jours et des mois, récupère les parties de la date avec les méthodes `getDate`, `getMonth`, `getFullYear` et `getDay`, puis assemble le résultat en concaténant les valeurs du tableau correspondant à l’indice retourné. Le cours se conclut par un rappel des concepts clés et une invitation à la prochaine vidéo.
Chapters
Bonjour à tous et bienvenue dans cette nouvelle leçon de JavaScript. Aujourd'hui nous allons voir les tableaux. Comme c'est le cas pour les autres langages de programmation, les tableaux servent à stocker plusieurs valeurs à la fois. En JavaScript, pour créer un tableau il y a plusieurs manières de le faire. Par exemple, si on souhaite créer un tableau du nom duTab, alors on peut mettre la syntaxe suivante: On va mettre new Array. Dans ce cas on fait appel au constructeur Array et entre les parenthèses on peut spécifier directement les valeurs souhaitées pour le tableau. Par exemple on va mettre 1, JavaScript, et là je vais mettre 20. Vous avez sûrement constaté que le tableau tab contient des valeurs avec des types différents. Il y a une chaîne de caractères et un entier. Et c'est tout à fait normal, c'est-à-dire il est possible de faire cohabiter plusieurs types différents dans le même tableau. Maintenant que le tableau est créé, je peux accéder à n'importe quel élément souhaité grâce aux index. Par exemple, je vais mettre console.log et je spécifie l'index souhaité, par exemple le 0. Dans ce cas, je vais faire référence à la valeur JavaScript. Bon, j'exécute et ça m'affiche le premier index ou bien la première entrée du tableau. Donc là, quand je mets 1, il m'affiche la deuxième entrée qui est 20. Bon, on peut créer le tableau autrement, c'est-à-dire au lieu de faire ceci, je peux faire par exemple juste play et je laisse les parenthèses vides, ou bien je spécifie la longueur du tableau, par exemple 2 pour dire qu'il contient 2 éléments, et ensuite je vais spécifier les entrées une à une, par exemple tab égale à JavaScript et tab égale à 20. Alors rien ne change, on aura toujours le même résultat dans la console. Mais vous avez constaté que cette méthode est un peu plus longue à déclarer. Sinon on peut déclarer le tableau autrement, c'est-à-dire sans même passer par le constructeur array. On peut faire la chose suivante: on ouvre des crochets comme ça et ensuite on met directement les valeurs souhaitées, par exemple JavaScript et là c'est la valeur 20 en tant qu'entier. Donc quand j'exécute, rien ne change, j'ai toujours le même comportement de mon tableau. Alors vous avez à votre disposition 3 méthodes de déclarer un tableau. Tableau, soit via le constructeur array en déclarant directement les valeurs souhaitées entre les parenthèses, ou bien avec toujours le même constructeur array mais en déclarant les index un à un, ou bien la troisième méthode, la plus utilisée, bon c'est de se servir directement des crochets et mettre les valeurs souhaitées à l'intérieur. Maintenant que notre tableau est créé, nous allons essayer de découvrir quelques attributs et méthodes que l'on peut utiliser avec. Par exemple, imaginons que l'on veut connaître la longueur du tableau, ça veut dire combien d'index contient-il. Dans ce cas, je vais mettre tab.length. Donc l'attribut length, on l'a déjà vu pour les chaînes de caractères. Dans ce cas, ça retourne la longueur de la chaîne, ça veut dire combien de caractères ça contient. Et pour les tableaux, ça retourne la longueur de celui-ci, c'est-à-dire combien d'index ou bien combien d'entrées contient-il. Maintenant, quand j'exécute, je devrais avoir la valeur 2 parce que mon tableau contient 2 éléments. Voilà. Maintenant, imaginez que je veux afficher tous les éléments du tableau en tant que chaîne de caractères. Je peux utiliser maintenant la méthode join. Et comme séparateur, je mets par exemple un tiret. Bon, ça veut dire que maintenant je vais convertir mon tableau en chaîne de caractères. Cette chaîne sera constituée des éléments du tableau, mais qui seront séparés par le symbole que j'ai passé ici et qui est le tiret. Bon, maintenant quand j'exécute, bon, ça m'affiche JavaScript 20. Bon, si je veux changer le symbole, par exemple je mets astérisque, donc maintenant ça m'affiche JavaScript étoile 20. Et si je veux afficher les éléments de mon tableau 1 à 1, bon là je vais ajouter une autre valeur, par exemple sombre, comme ça. Ensuite je veux afficher chacun des éléments du tableau via une boucle, il suffit de faire un truc du genre, par exemple for i= 0, on commence du premier index, i inférieur à la longueur du tableau, length, et on incrémente de 1, et je mets ici console.log Tab i. Alors là, je vais afficher les éléments un à un. Quand j'exécute, ça m'affiche JavaScript, 20 et 100. Bon, maintenant imaginez que nous avons une chaîne de caractères, par exemple str égale à bonjour. Dans ce cas, je vais essayer de diviser cette chaîne de caractères pour mettre ses différents fragments dans un tableau. Et pour spécifier là où je veux diviser, je veux dire que c'est au niveau des caractères où. Alors là, je vais déclarer un tableau égal la chaîne de caractères point la méthode split. Donc split, ça s'applique sur les chaînes de caractères, mais comme résultat ça retourne un tableau. Là, je spécifie ce qu'on appelle l'occurrence. Dans ce cas, l'occurrence c'est un ou. Ça veut dire au niveau du ou, je vais briser ou bien je vais éclater ma chaîne de caractères. Les différents fragments qui en seront le résultat seront déposés dans le tableau tab. Bon, maintenant je vais tout simplement déclarer une boucle, par exemple for i égal à 0 i inférieur tab.length et plus plus, console.log, je mets tab . Maintenant je vais spécifier différents fragments de ma chaîne et ça m'affiche B, NJ et UR. Vous avez constaté que le O a disparu parce que c'est le symbole utilisé afin d'éclater ou bien de spécifier là où je veux éclater ma chaîne de caractères. D'accord, donc maintenant je crois que vous avez compris le principe ou bien comment manipuler les tableaux. Bien sûr, de la même manière, on peut spécifier des tableaux à 2 dimensions, il suffit de spécifier un tableau au sein d'un autre. Bon, le principe est toujours le même. Maintenant, on va essayer de faire un exercice. Bon, imaginez que je veux afficher la date d'aujourd'hui de la manière suivante, par exemple lundi 21 janvier 2019. Nous avons vu dans la leçon précédente qu'on peut récupérer la date d'aujourd'hui, c'est-à-dire 21, grâce à getDate et l'année en cours 2019 grâce à getFullYear. Mais il n'y a aucune méthode qui permet de me retourner lundi ou bien janvier. Dans ce cas, la solution consiste basiquement à utiliser la structure sélective switch case. Sinon, on peut se servir des tableaux parce que c'est encore plus simple. Alors qu'est-ce qu'on va faire? On va déclarer 2 tableaux. Un tableau qui s'appelle par exemple jours et qui contient les jours de la semaine. Par exemple, on va commencer par le premier jour de la semaine d'un point de vue JavaScript qui est dimanche, qui est indexé par 0. Jeudi et samedi qui est le dernier jour de la semaine. Voilà, indexé par 6. Maintenant on va déclarer un autre tableau qui s'appelle mois et qui contient les mois en commençant toujours de 0 parce que comme je l'ai dit dans la leçon précédente, le premier mois c'est janvier et en JavaScript il est indexé par 0. Voilà, janvier. Voilà, maintenant je dispose de mes deux tableaux. Ce qu'il faut faire maintenant, c'est créer l'objet date. Donc d égale new Date. Dans ce cas, je viens de créer la date grâce au constructeur Date en faisant référence à la date actuelle. Maintenant, il suffit d'afficher dans la console, console.log, et je mets ici le tableau jours. Et comme index, bon, pour lundi ça serait un 1, mais je vais pas fixer 1 parce que je veux que ça soit dynamique, que ça change en fonction du jour. Je mettrai ici day.getDay. Donc get date ça retourne un nombre compris entre zéro et six. Zéro c'est dimanche, un c'est lundi et six c'est samedi. Voilà concaténer avec un espace concaténer avec la date d'aujourd'hui qui est le vingt-et-un. Bon je mets directement d point get date concaténer encore avec un espace concaténer avec le mois. Donc le mois je prends le tableau mois et je mets ici d point get month Toujours un espace et à la fin je mettrai d.getFullYear. C'est bon, maintenant j'exécute pour voir le résultat. Oui, ça m'affiche lundi 21 janvier 2019. Bien sûr, si j'exécute le code un autre jour, bon, ça va m'afficher la date du jour en question. Bon, j'espère que vous avez compris le principe des tableaux avec le JavaScript. On se contente de ça. Merci pour votre attention et à la vidéo prochaine.
