Retrieving JSON response data with dynamic key [duplicate]

Question

I'm calling an API in my application and need to drill down the JSON response. Within it there is a random string that changes so I can't hardcode the value. Is there a way I can access dataset1 no matter what the random string is?

{
    "data": {
        "Random String that Changes": { 
            "dataset1": {
                "date": {...}
            },
            "dataset2":{
                "date": {...}
            }
        }
    },
    "something else": {
        ...
    },
    "something else": {
        ...
    }
}

Previously I was hard coding the drill down like such:

this.props.data.randomData['Random String that Changes'].dataset1.date

Also tried:

this.props.data.randomData[0].dataset1.date

is random string that changes the ONLY property of data? — Bravo
– Bravo, Commented Nov 5, 2019 at 5:18
what is data.randomData ? randomData is the key i guess which is changing dynamically. Alsp if its coming in props the key through which the props is holding this should be used eg. this.props.KEY.data — Ayushi Keshri
– Ayushi Keshri, Commented Nov 5, 2019 at 5:37

Karan Bains · Accepted Answer · 2019-11-05 05:24:05Z

2

You can get all the keys of the object using

const keys = Object.keys(this.props.data);

Now keys is an array of all keys , but if you json always only has 1 key, you can get your data using

this.props.data.randomData[keys[0]].dataset1.date

answered Nov 5, 2019 at 5:24

Karan Bains

1091 silver badge6 bronze badges

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

1 Comment

Ayushi Keshri Over a year ago

randomData is not fixed. it is key that is dynamic.

Danish · Accepted Answer · 2019-11-05 05:39:52Z

2

You can get dataset1

const values = Object.values(this.props.data)
console.log(values[0]['dataset1'])

Make sure that your json includes the "Random String that changes" at first place as shown in your above format.

Reference: Object.values

answered Nov 5, 2019 at 5:39

Danish

9521 gold badge6 silver badges14 bronze badges

Comments

Nihal Saxena · Accepted Answer · 2019-11-05 05:35:27Z

1

Try accessing the object like this :

const obj = this.props.data;

obj[Object.keys(obj)[0]].dataset1.date

Reference: How to access the first property of an object in Javascript?

edited Nov 5, 2019 at 5:35

answered Nov 5, 2019 at 5:21

Nihal Saxena

1,0063 gold badges12 silver badges27 bronze badges

3 Comments

Bravo Over a year ago

randomData is random, not the word randomData

Nihal Saxena Over a year ago

okay my bad will update the answer

Nihal Saxena Over a year ago

@Bravo updated the answer

Sahit · Accepted Answer · 2019-11-05 05:48:00Z

Consider sample data in myObj.

var myObj = {
    "data" : {
        "Random String that Changes": { 
          "dataset1": {
            "date": "123"
           },
          "dataset2":{
            "date": "123"
          }
        }
    }
  }


  var randomString =myObj[Object.keys(myObj)[0]];
  var dataset1Date =randomString[Object.keys(randomString)[0]].dataset1.date;
  console.log(dataset1Date);

So in this way you can access the date which you are trying with 
this.props.data.randomData['Random String that Changes'].dataset1.date

Nikhil Goyal · Accepted Answer · 2019-11-05 05:52:35Z

1

Please check the below code for the solution.

var response = {
    "data": {
        "Random String that Changes": { 
            "dataset1": {
                "date": {...}
            },
            "dataset2":{
                "date": {...}
            }
        }
    },
    "something else": {
        ...
    },
    "something else": {
        ...
    }
};
var dataInRandomKey = response.data[Object.keys(response.data)[0]];

Now, you have the whole JSON object (in current example, response['data']['Random String that Changes']) in dataInRandomKey variable.

edited Nov 5, 2019 at 5:52

answered Nov 5, 2019 at 5:28

Nikhil Goyal

1,9831 gold badge11 silver badges18 bronze badges

2 Comments

Bravo Over a year ago

response.data is not a function

Nikhil Goyal Over a year ago

Edited. Now working fine.

karthik vishnu kumar · Accepted Answer · 2019-11-05 06:00:24Z

1

You can try for in loop

var a = {
"data": {
    "Random String that Changes": { 
        "dataset1": {
            "date": {...}
        },
        "dataset2":{
            "date": {...}
        }
    }
},
"something else": {
    ...
},
"something else": {
   ...
}
}

var response = a.data;

for(var key in response) {
    console.log(response[key].dataset1);
}

edited Nov 5, 2019 at 6:00

answered Nov 5, 2019 at 5:52

karthik vishnu kumar

1,02110 silver badges17 bronze badges

Collectives™ on Stack Overflow

Retrieving JSON response data with dynamic key [duplicate]

6 Answers 6

1 Comment

Comments

3 Comments

Comments

2 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

Comments

3 Comments

Comments

2 Comments

Comments

Linked

Related