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 notation par point est la méthode principale et la plus simple pour accéder aux propriétés. Il suffit de référencer l’objet, d’ajouter un point, puis d’indiquer le nom de la propriété.
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
- 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
Les crochets sont utilisés lorsque le nom de la propriété n’est pas connu à l’avance, ou lorsqu’il contient des espaces, des caractères spéciaux, ou lorsqu’il est stocké dans une variable.
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
Les objets contiennent souvent d'autres objets. En utilisant la notation par point, il est possible d'accéder à des valeurs profondément imbriquées en enchaînant les noms des propriétés.
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, nous accédons à des propriétés à 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 essayez 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 pourriez-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 property that doesn't exist?
Can you show more examples of accessing nested properties?
Génial!
Completion taux amélioré à 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 notation par point est la méthode principale et la plus simple pour accéder aux propriétés. Il suffit de référencer l’objet, d’ajouter un point, puis d’indiquer le nom de la propriété.
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
- 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
Les crochets sont utilisés lorsque le nom de la propriété n’est pas connu à l’avance, ou lorsqu’il contient des espaces, des caractères spéciaux, ou lorsqu’il est stocké dans une variable.
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
Les objets contiennent souvent d'autres objets. En utilisant la notation par point, il est possible d'accéder à des valeurs profondément imbriquées en enchaînant les noms des propriétés.
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, nous accédons à des propriétés à 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 essayez 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 pourriez-vous récupérer le code postal à partir de l'objet person ? Sélectionnez toutes les options possibles.
Merci pour vos commentaires !
