Accessing table objects data from the JSON file

Question

I am having an issue to access my JSON data. It is inside the array of objects of objects. How can I do that?

I am using the map function to display it, but only the name and avatar. It is nested.

JSON data

[ { "id": "1", "person": { "name": "Prerna Jha", "avatar": "profile.jpg" }, "city": "Mumbai", "email": "[email protected]", "joiningDate": "12/02/2018", "role": "UI Designer" }, ] {data.map((curElem) => { const { id, name, avatar, city, email, joiningDate, role } = curElem; return ( <tbody key={id}> <tr> <td>{name}</td> <td>{avatar}</td> <td>{city}</td> <td>{email}</td> <td>{joiningDate}</td> <td>{role}</td> </tr> </tbody> ); })}

I have got few data and nested objects, but I am not getting it.

Does this answer your question? How can I access and process nested objects, arrays, or JSON? — Heretic Monkey
– Heretic Monkey, Commented Aug 18, 2023 at 22:29

Peter Mortensen · Accepted Answer · 2023-08-18 21:51:11Z

1

You need to access the person object first in the main JSON data:

const { id, person, city, email, joiningDate, role } = curElem; const {name, avatar} = person

edited Aug 18, 2023 at 21:51

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Nov 25, 2022 at 7:42

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Accessing table objects data from the JSON file

JSON data

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

JSON data

1 Answer 1

Comments

Linked

Related