Get json value dynamically

Question

{
 "id":["123"],
 "optionid_123":"98"
}

I have the id as a variable, but from that how can I get the optionid_*? I tried a few things, but nothing seems to work. The each is inside of the appropriate function and jsonid contains the correct value. Here is my attempt at accessing the value 98 which doesn't work:

$.each(data.id,function(){
 var jsonid = this;
 console.log( data.optionid_+jsonid ); // doesn't work
});

Answer 1

You can use Bracket notation:

console.log( data['optionid_' + jsonid] );

• anotherdev: Ah ha! I tried a few bracket notations but for some reason was a little off. Cheers.

Answer 2

I think your loop with data.id is not correct. That is

$.each(data.id, function() {..})

is incorrect.

For example if you data looks like following:

var data = [{
 "id":["123"],
 "optionid_123":"98"
},
{
 "id":["456"],
 "optionid_456":"99"
}];

Then you need to loop over data and get your required property.

$.each(data, function(index, val) {
 var jsonid = val.id[0]; // as val.id is array so you need [0] to get the value
 console.log(val['optionid_' + jsonid]); // bracket notation used
});

DEMO