How to get the key inside a nested object in react

Question

I have this data in a json file that I need to use in reactjs:

{
  "t": {
    "randomdocid67233": {
      "name": "ABC",
      "latinName": "DEF"
    },
    "randomdocid67234": {
      "name": "GHI",
      "latinName": "JKI"
    }
  }
}

I can get the "t" using Object.keys(data), the "randomdocid67233" using the Object.keys(data[Object.keys(data)[0]]), and the "ABC" using data.t.randomdocid67233[Object.keys(data.t.randomdocid67233)[0]].

But what I want to get is the keys, "name", and "latinName" and store it in an array like this const someVal = ["name", "latinName"].

Is there any way to achieve this? I have spent hours trying to find solution to this like what I found here but the output when I tried it is the values ["ABC", "DEF"].

Reifocs · Accepted Answer · 2022-09-15 09:02:54Z

2

If you want it do be dynamic

const data = {
    "t": {
        "randomdocid67233": {
            "name": "ABC",
            "latinName": "DEF"
        },
        "randomdocid67234": {
            "name": "GHI",
            "latinName": "JKI"
        }
    }
}


const firstObject = data.t[Object.keys(data.t)[0]]
console.log(Object.keys(firstObject))

answered Sep 15, 2022 at 9:02

Reifocs

7665 silver badges20 bronze badges

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

Comments

pks9906 · Accepted Answer · 2022-09-15 08:45:12Z

1

The following should do the trick:

Object.keys(data.t.randomdocid67233)

answered Sep 15, 2022 at 8:45

pks9906

3011 silver badge9 bronze badges

Collectives™ on Stack Overflow

How to get the key inside a nested object in react

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related