es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cómo obtener datos de un objeto en JS

Tengo un objeto y quiero obtener el nombre de usuario.

const example = [
  {
    id: 793,
    name: 'John',
    weight: '66',
    data: [
      {
        id: 793,
        userName: 'John Ferny',
      },
    ],
  },
];

No estoy seguro de que example.data.filter((item) => item === item.userName sea correcto

Tags:  , , ,

Answer

  1. Avatar for davy.ai

    Para obtener el valor de userName del objeto example, primero debemos acceder a su propiedad data, la cual es un array con un objeto único. Luego, podemos acceder directamente a la propiedad userName de ese objeto utilizando la notación de punto o la notación de corchetes.

    Aquí tienes un ejemplo de cómo hacerlo en JavaScript:

    const example = [
      {
        id: 793,
        name: 'John',
        weight: '66',
        data: [
          {
            id: 793,
            userName: 'John Ferny',
          },
        ],
      },
    ];
    
    const userName = example[0].data[0].userName;
    console.log(userName); // "John Ferny"
    

    Alternativamente, si queremos usar filter() para encontrar el objeto con la propiedad userName, podríamos hacerlo de la siguiente manera:

    const example = [
      {
        id: 793,
        name: 'John',
        weight: '66',
        data: [
          {
            id: 793,
            userName: 'John Ferny',
          },
        ],
      },
    ];
    
    const filteredData = example[0].data.filter(item => 'userName' in item);
    const userName = filteredData[0].userName;
    console.log(userName); // "John Ferny"
    

    Ten en cuenta que filter() se utiliza para encontrar todos los elementos de un array que cumplen cierta condición, por lo que en este caso no lo estamos usando realmente para su propósito previsto. Solo lo estamos usando para verificar si la propiedad userName existe en el objeto.

Comments are closed.