Retrieving JSON response data with dynamic key

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, Nov 05 '19 at 05: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, Nov 05 '19 at 05:37

score 2 · Answer 1 · answered Nov 05 '19 at 05:24

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 05 '19 at 05:24

Karan Bains

29
4

randomData is not fixed. it is key that is dynamic. – Ayushi Keshri Nov 05 '19 at 05:41

score 2 · Answer 2 · answered Nov 05 '19 at 05:39

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 05 '19 at 05:39

Danish

443
3
13

Nihal Saxena · Accepted Answer · 2019-11-05T05:35:27.367

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 05 '19 at 05:35

answered Nov 05 '19 at 05:21

Nihal Saxena

816
3
9
20

`randomData` is random, not the word `randomData` – Bravo Nov 05 '19 at 05:33
okay my bad will update the answer – Nihal Saxena Nov 05 '19 at 05:35
@Bravo updated the answer – Nihal Saxena Nov 05 '19 at 05:36

Nikhil Goyal · Answer 4 · 2019-11-05T05:52:35.170

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 05 '19 at 05:52

answered Nov 05 '19 at 05:28

Nikhil Goyal

1,821
1
6
15

`response.data` is not a function – Bravo Nov 05 '19 at 05:33
Edited. Now working fine. – Nikhil Goyal Nov 05 '19 at 05:53

score 1 · Answer 5 · answered Nov 05 '19 at 05:48

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

karthik vishnu kumar · Answer 6 · 2019-11-05T06:00:24.613

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 05 '19 at 06:00

answered Nov 05 '19 at 05:52

karthik vishnu kumar

803
8
16

Retrieving JSON response data with dynamic key

6 Answers6