Accès aux Propriétés d'Objet en JavaScript
Nous allons explorer deux méthodes pour accéder aux propriétés d’un objet : la notation par point et les crochets. Ces méthodes permettent d’extraire des valeurs spécifiques à partir des objets, et nous aborderons les situations dans lesquelles chaque méthode est couramment utilisée.
Notation par point pour accéder aux propriétés
La méthode principale et la plus fréquemment utilisée pour accéder aux propriétés d’un objet est la notation par point. Avec cette approche, on accède à une propriété en indiquant le nom de l’objet suivi d’un point et du nom de la propriété.
Prenons un exemple où un objet représente un employé et où l’on accède à ses propriétés à l’aide de la notation par point :
1234567891011const employee = { companyName: "Schuster, Mertz and Marks", name: "Miss Alma Boyer", address: "2277 Karine Plains", workedYears: 4, remote: false, }; console.log(employee.name); // Output: Miss Alma Boyer console.log(employee.address); // Output: 2277 Karine Plains console.log(employee.lastName); // Output: undefined
Remarque
Si vous tentez d'accéder à une propriété qui n'existe pas, JavaScript retournera
undefined;
undefinedn'est pas affiché lors de l'exécution du code.
Accès aux propriétés via les crochets
La seconde méthode pour accéder aux propriétés d'un objet consiste à utiliser les crochets. Cette syntaxe implique de spécifier le nom de l'objet, suivi de crochets contenant le nom de la propriété sous forme de chaîne de caractères.
Cette approche est moins utilisée que la notation par point, mais elle est essentielle dans les cas où le nom de la propriété n'est pas connu à l'avance ou est stocké dans une variable, comme un paramètre de fonction.
Voici un exemple utilisant le même objet employee :
1234567891011const employee = { companyName: "Schuster, Mertz and Marks", name: "Miss Alma Boyer", address: "2277 Karine Plains", workedYears: 4, remote: false, }; console.log(employee["name"]); // Output: Miss Alma Boyer console.log(employee["address"]); // Output: 2277 Karine Plains console.log(employee["lastName"]); // Output: undefined
Cette méthode fournit le nom de la propriété sous forme de chaîne de caractères entre crochets. Elle permet un accès dynamique aux propriétés, ce qui peut être utile lors de la gestion de données plus complexes.
Accès aux propriétés imbriquées
Explorons comment accéder aux propriétés imbriquées en utilisant la notation par points avec l'exemple suivant.
Avec la notation par points, il faut spécifier le chemin vers la propriété souhaitée, séparé par des points. Considérons un exemple avec un objet course :
1234567891011121314151617const course = { courseName: "Applied Science", courseDuration: "48 hours", author: { position: "Nuclear Physicist", age: 43, name: { first: "Mattie", last: "Crooks", }, }, }; console.log(course.author.position); // Output: Nuclear Physicist console.log(course.author.age); // Output: 43 console.log(course.author.name.first); // Output: Mattie console.log(course.author.name.last); // Output: Crooks
Dans cet exemple, les propriétés sont accédées à différents niveaux d’imbrication au sein de l’objet product.
1. Quelles sont les méthodes pour accéder aux propriétés d’un objet ?
2. Lors de l'utilisation de la notation par point pour accéder aux propriétés d'un objet, que se passe-t-il si vous tentez d'accéder à une propriété qui n'existe pas ?
3. Considérez l'objet complexe suivant représentant les informations de contact d'une personne. Comment pouvez-vous récupérer le code postal à partir de l'objet person ? Sélectionnez toutes les options possibles.
Merci pour vos commentaires !
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
Can you explain when to use dot notation versus square brackets?
What happens if I try to access a deeply nested property that doesn't exist?
Can you show more examples of dynamic property access with variables?
Awesome!
Completion rate improved to 2.27Accès aux Propriétés d'Objet en JavaScript
Glissez pour afficher le menu
Nous allons explorer deux méthodes pour accéder aux propriétés d’un objet : la notation par point et les crochets. Ces méthodes permettent d’extraire des valeurs spécifiques à partir des objets, et nous aborderons les situations dans lesquelles chaque méthode est couramment utilisée.
Notation par point pour accéder aux propriétés
La méthode principale et la plus fréquemment utilisée pour accéder aux propriétés d’un objet est la notation par point. Avec cette approche, on accède à une propriété en indiquant le nom de l’objet suivi d’un point et du nom de la propriété.
Prenons un exemple où un objet représente un employé et où l’on accède à ses propriétés à l’aide de la notation par point :
1234567891011const employee = { companyName: "Schuster, Mertz and Marks", name: "Miss Alma Boyer", address: "2277 Karine Plains", workedYears: 4, remote: false, }; console.log(employee.name); // Output: Miss Alma Boyer console.log(employee.address); // Output: 2277 Karine Plains console.log(employee.lastName); // Output: undefined
Remarque
Si vous tentez d'accéder à une propriété qui n'existe pas, JavaScript retournera
undefined;
undefinedn'est pas affiché lors de l'exécution du code.
Accès aux propriétés via les crochets
La seconde méthode pour accéder aux propriétés d'un objet consiste à utiliser les crochets. Cette syntaxe implique de spécifier le nom de l'objet, suivi de crochets contenant le nom de la propriété sous forme de chaîne de caractères.
Cette approche est moins utilisée que la notation par point, mais elle est essentielle dans les cas où le nom de la propriété n'est pas connu à l'avance ou est stocké dans une variable, comme un paramètre de fonction.
Voici un exemple utilisant le même objet employee :
1234567891011const employee = { companyName: "Schuster, Mertz and Marks", name: "Miss Alma Boyer", address: "2277 Karine Plains", workedYears: 4, remote: false, }; console.log(employee["name"]); // Output: Miss Alma Boyer console.log(employee["address"]); // Output: 2277 Karine Plains console.log(employee["lastName"]); // Output: undefined
Cette méthode fournit le nom de la propriété sous forme de chaîne de caractères entre crochets. Elle permet un accès dynamique aux propriétés, ce qui peut être utile lors de la gestion de données plus complexes.
Accès aux propriétés imbriquées
Explorons comment accéder aux propriétés imbriquées en utilisant la notation par points avec l'exemple suivant.
Avec la notation par points, il faut spécifier le chemin vers la propriété souhaitée, séparé par des points. Considérons un exemple avec un objet course :
1234567891011121314151617const course = { courseName: "Applied Science", courseDuration: "48 hours", author: { position: "Nuclear Physicist", age: 43, name: { first: "Mattie", last: "Crooks", }, }, }; console.log(course.author.position); // Output: Nuclear Physicist console.log(course.author.age); // Output: 43 console.log(course.author.name.first); // Output: Mattie console.log(course.author.name.last); // Output: Crooks
Dans cet exemple, les propriétés sont accédées à différents niveaux d’imbrication au sein de l’objet product.
1. Quelles sont les méthodes pour accéder aux propriétés d’un objet ?
2. Lors de l'utilisation de la notation par point pour accéder aux propriétés d'un objet, que se passe-t-il si vous tentez d'accéder à une propriété qui n'existe pas ?
3. Considérez l'objet complexe suivant représentant les informations de contact d'une personne. Comment pouvez-vous récupérer le code postal à partir de l'objet person ? Sélectionnez toutes les options possibles.
Merci pour vos commentaires !
