Acceso a las Propiedades de Objetos en JavaScript
Exploraremos dos métodos para acceder a las propiedades de un objeto: notación de punto y corchetes. Estos métodos permiten recuperar valores específicos de los objetos, y analizaremos los escenarios en los que cada método se utiliza comúnmente.
Notación de punto para acceder a propiedades
La notación de punto es el método principal y más sencillo para acceder a las propiedades. Se hace referencia al objeto, se añade un punto y se especifica el nombre de la propiedad.
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 intenta acceder a una propiedad que no existe, JavaScript devolverá
undefined; undefinedno se muestra cuando ejecuta el código.
Acceso a propiedades mediante corchetes
Se utilizan corchetes cuando el nombre de la propiedad no se conoce de antemano, contiene espacios o caracteres especiales, o está almacenado en una 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
Este método proporciona el nombre de la propiedad como una cadena dentro de corchetes. Permite el acceso dinámico a las propiedades, lo cual puede ser útil al trabajar con datos más complejos.
Acceso a propiedades anidadas
Los objetos suelen contener otros objetos. Utilizando la notación de punto, es posible acceder a valores profundamente anidados encadenando los nombres de las propiedades.
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
En este ejemplo, se accede a propiedades en diferentes niveles de anidamiento dentro del objeto product.
1. ¿Cuáles son los métodos para acceder a las propiedades de un objeto?
2. Al utilizar la notación de punto para acceder a las propiedades de un objeto, ¿qué se devuelve si intenta acceder a una propiedad que no existe?
3. Considere el siguiente objeto complejo que representa la información de contacto de una persona. ¿Cómo podría recuperar el código postal del objeto person? Seleccione todas las opciones posibles.
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
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?
Genial!
Completion tasa mejorada a 2.27Acceso a las Propiedades de Objetos en JavaScript
Desliza para mostrar el menú
Exploraremos dos métodos para acceder a las propiedades de un objeto: notación de punto y corchetes. Estos métodos permiten recuperar valores específicos de los objetos, y analizaremos los escenarios en los que cada método se utiliza comúnmente.
Notación de punto para acceder a propiedades
La notación de punto es el método principal y más sencillo para acceder a las propiedades. Se hace referencia al objeto, se añade un punto y se especifica el nombre de la propiedad.
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 intenta acceder a una propiedad que no existe, JavaScript devolverá
undefined; undefinedno se muestra cuando ejecuta el código.
Acceso a propiedades mediante corchetes
Se utilizan corchetes cuando el nombre de la propiedad no se conoce de antemano, contiene espacios o caracteres especiales, o está almacenado en una 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
Este método proporciona el nombre de la propiedad como una cadena dentro de corchetes. Permite el acceso dinámico a las propiedades, lo cual puede ser útil al trabajar con datos más complejos.
Acceso a propiedades anidadas
Los objetos suelen contener otros objetos. Utilizando la notación de punto, es posible acceder a valores profundamente anidados encadenando los nombres de las propiedades.
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
En este ejemplo, se accede a propiedades en diferentes niveles de anidamiento dentro del objeto product.
1. ¿Cuáles son los métodos para acceder a las propiedades de un objeto?
2. Al utilizar la notación de punto para acceder a las propiedades de un objeto, ¿qué se devuelve si intenta acceder a una propiedad que no existe?
3. Considere el siguiente objeto complejo que representa la información de contacto de una persona. ¿Cómo podría recuperar el código postal del objeto person? Seleccione todas las opciones posibles.
¡Gracias por tus comentarios!
