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 discutiremos los escenarios en los que cada método se utiliza comúnmente.
Notación de punto para acceder a propiedades
El método principal y más utilizado para acceder a las propiedades de un objeto es la notación de punto. Con este enfoque, se accede a una propiedad especificando el nombre del objeto seguido de un punto y el nombre de la propiedad.
Consideremos un ejemplo en el que utilizamos un objeto para representar a un empleado y accedemos a sus propiedades usando la notación de punto:
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
Nota
Si se intenta acceder a una propiedad que no existe, JavaScript devolverá
undefined;
undefinedno se muestra al ejecutar el código.
Acceso a propiedades mediante corchetes
El segundo método para acceder a las propiedades de un objeto es mediante corchetes. Esta sintaxis implica especificar el nombre del objeto, seguido de corchetes con el nombre de la propiedad como una cadena dentro de ellos.
Este enfoque se utiliza con menor frecuencia que la notación de punto, pero es esencial en casos donde el nombre de la propiedad no se conoce de antemano o está almacenado en una variable, como un parámetro de función.
A continuación, se muestra un ejemplo utilizando el mismo objeto 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
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
Exploraremos cómo acceder a propiedades anidadas utilizando la notación de punto con el siguiente ejemplo.
Con la notación de punto, se especifica la ruta hacia la propiedad deseada, separada por puntos. Consideremos un ejemplo con un objeto 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
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 deeply nested property that doesn't exist?
Can you show more examples of dynamic property access with variables?
Awesome!
Completion rate improved to 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 discutiremos los escenarios en los que cada método se utiliza comúnmente.
Notación de punto para acceder a propiedades
El método principal y más utilizado para acceder a las propiedades de un objeto es la notación de punto. Con este enfoque, se accede a una propiedad especificando el nombre del objeto seguido de un punto y el nombre de la propiedad.
Consideremos un ejemplo en el que utilizamos un objeto para representar a un empleado y accedemos a sus propiedades usando la notación de punto:
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
Nota
Si se intenta acceder a una propiedad que no existe, JavaScript devolverá
undefined;
undefinedno se muestra al ejecutar el código.
Acceso a propiedades mediante corchetes
El segundo método para acceder a las propiedades de un objeto es mediante corchetes. Esta sintaxis implica especificar el nombre del objeto, seguido de corchetes con el nombre de la propiedad como una cadena dentro de ellos.
Este enfoque se utiliza con menor frecuencia que la notación de punto, pero es esencial en casos donde el nombre de la propiedad no se conoce de antemano o está almacenado en una variable, como un parámetro de función.
A continuación, se muestra un ejemplo utilizando el mismo objeto 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
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
Exploraremos cómo acceder a propiedades anidadas utilizando la notación de punto con el siguiente ejemplo.
Con la notación de punto, se especifica la ruta hacia la propiedad deseada, separada por puntos. Consideremos un ejemplo con un objeto 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
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!
