2.5 Les Objets

Bonjour à tous et bienvenue sur ce cours ou on va voir les Objets en JavaScript. Vous avez vu les types primitifs en javascript. Examinons maintenant les types de références, donc dans la catégorie des types de références, nous avons des Objets. Des Tableaux et des Fonctions Dans cette vidéo, nous allons explorer les objets et on verra les tableaux et fonctions plus loin dans cette section. Alors tout d'abord qu'est-ce qu'un Objet ? Un Objet en JavaScript et d'autres langages de programmation est comme un objet dans la vie réelle. Pensez à une personne, une personne à un nom, un âge, une adresse etc... Ce sont les propriétés d'une personne, vous avez le même concept en JavaScript. Ainsi lorsque nous avons affaire à plusieurs variables liées nous pouvons mettre ces variables à l'intérieur d'un objet. Par exemple: Nous avons ici deux variables "nom" et "âge" fortement liées, ils font partie de la représentation d'une personne donc au lieu de déclarer deux variables nous pouvons déclarer l'objet en personne et puis au lieu de référencer ces deux variables, nous pouvons simplement référencer l'objet "personne" cela rend notre code plus propre. Voyons comment déclarer un objet "personne", on commence par "let" ou "const" si on veut pas réaffecter l'objet "personne" et le définir sur un objet littéral. On utilise la syntaxe des accolades pour définir une clé valeur Maintenant, entre ces accollades, nous ajoutons une ou plusieurs paires de clé-valeur les pieds sont ce qu'on appelle les propriétés de cet objet. Nous voulons que cet objet est deux propriétés ou clés. Nom et âge, donc on ajoute un "name": la clé et on définit sa valeur. On ajoute une autre paire de valeur clé pour valeur 30. Ona maintenant un objet "personne" avec deux propriétés ou deux paires de valeurs clés "name" et "age". Avec cela on a pas besoin de ces deux variables donc on va les supprimer. Console.log(personne); de notre objet "personne" Sur la console: on a l'objet "personne", entres ces accolades, nous avons plusieurs paires de clés-valeurs qui sont les propriétés de l'objet "personne". Maintenant il existe deux façons de travailler avec ces propriétés. Par exemple on veut changer le "name" de cette personne on doit alors accéder à la propriété "name". Il y a deux façons, donc la première c'est avec la "Dot notation" donc c'est une notation avec un point On ajoute le nom de l'objet puis on fait un point et on ajoute la propriété donc soit l'age ou le "name". Dans notre cas, on va utiliser (personne.name) on va lui changer de nom, lui donner un nom: 'John'. Maintenant on peut choisir la notation la (dot notation) pour lire également la valeur d'une propriété, à la ligne 10 au lieu de consigner l'objet "personne" on peut consigner sa propriété de nom donc personne.name Dans la console, obtient John. L'autre façon d'accéder à une propriété consiste à utiliser la notation entre crochet. personne['name'] = 'Mary'; Donc si on enregistre on obtient bien Mary sur la console. Maintenant vous vous demandez quelle approche est la meilleure. Eh bien la notation par point (Dot notation) est un peu plus concise, ce devrait être donc votre choix par défaut. Cependant la notation entre crochets à ses propres utilisations. Parfois vous ne connaissez le nom de la propriété ciblée qu'au moment de l'exécution. Par exemple dans notre interface utilisateur, il peut sélectionner le nom de la propriété ciblée. Dans ce cas au moment de l'écriture du code, nous ne savons pas à quelle propriété nous allons accéder, cela va être sélectionné au moment de l'exécution par l'utilisateur. Nous pourrions donc avoir une autre variable ailleurs comme la sélection qui détermine le nom de la propriété ciblée que l'utilisateur sélectionne et qui peut changer au moment de l'execution. Avec cela nous pouvons accéder à cette propriété en utilisant la notation entre crochets de manière dynamique. Donc on passe la section ici pour personne On obtient le meme résultat. Voilà pour la notation avec les crochets, pour l'instant respecter simplement la notation par point car c'est plus propre et plus facile. Voilà pour les Objets en JavaScript, dans la prochaine video on va voir Tableaux en JavaScript.