Acceder a la Propiedad de Objetos Dentro de un Array en Javascript [SOLUCIONADO]

Manejo de estructuras de datos en JavaScript: Propiedades de Objetos dentro de un Array

El trabajo con estructuras de datos es un aspecto esencial en la programación. En particular, en JavaScript, los arrays y los objetos constituyen estructuras de datos que conforman los cimientos de cualquier aplicación. Desentrañaremos el método de acceso a propiedades de objetos dentro de un array.

  // Definición del array de objetos
  let arrayDeObjetos = [
    {nombre: 'Juan', edad: 25},
    {nombre: 'Sofía', edad: 30},
    {nombre: 'Laura', edad: 35}
  ]

La tarea es acceder a una propiedad, digamos ‘edad’, dentro de cada objeto del array. Lo haremos mediante la combinación de las método map que proporciona JavaScript para manipular arrays.

  // Acceder al valor de la propiedad 'edad' de cada objeto
  let edades = arrayDeObjetos.map(objeto => objeto.edad);
  console.log(edades); // Resultado: [25, 30, 35]

Acesando dinámicamente a las propiedades de objetos en un Array JavaScript

¿Quieres aprender a acceder dinámicamente a las propiedades? Tal vez la clave de la propiedad a la que quieres acceder no es constante y cambia a lo largo del código. Eso es posible en JavaScript.

  function obtenerPropiedad(propiedad) {
    return arrayDeObjetos.map(objeto => objeto[propiedad]);
  }

  // Ahora puedes acceder de forma dinámica a cualquier propiedad de los objetos en el array
  let nombres = obtenerPropiedad('nombre');
  console.log(nombres); // Resultado: ['Juan', 'Sofía', 'Laura']

Como ves, el acceso dinámico se logra al pasar el nombre de la propiedad como un argumento de la función, que luego se utiliza para acceder a la propiedad correspondiente.

Error en caso de propiedades inexistentes

Es posible que estés intentando acceder a una propiedad que no existe en el objeto. Veamos cómo manejar esa situación.

  function obtenerPropiedad(propiedad) {
    return arrayDeObjetos.map(objeto => objeto[propiedad] || 'N/A');
  }

  // Si tratas de acceder a una propiedad inexistente, se devuelve 'N/A'
  let apellidos = obtenerPropiedad('apellido');
  console.log(apellidos); // Resultado:  ['N/A', 'N/A', 'N/A']

Conclusión

Las estructuras de datos en JavaScript, como objetos y arrays, proporcionan versatilidad y eficiencia en la manipulación de datos. Al dominar cómo accedemos a las propiedades de los objetos en un array, nos abrimos a una mayor fluidez en el manejo de tales estructuras. ¡Sigue practicando y mejora tus habilidades!

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad