Accesing json object value through variable

Question

{
  "data": [{
    "data": [{
      "Part": "1.75 L ICON (Glass)",
      "ProductionCounts": 1012620
    }, {
      "Part": "1.75 L Marg Mix (PET)",
      "ProductionCounts": 1003278
    }, {
      "Part": "1.75 L Authentics (PET)",
      "ProductionCounts": 457615
    }, {
      "Part": "1.0 L Margarita Mix / PET",
      "ProductionCounts": 660982
    }, {
      "Part": "other",
      "ProductionCounts": 1571985
    }]
  }, ],
  "dateArray": ["2011-01-01", "2011-02-01", "2011-03-01", "2011-04-01", "2011-05-01", "2011-06-01", "2011-07-01", "2011-08-01", "2011-09-01", "2011-10-01", "2011-11-01"],
  "xAxis": "Part",
  "yAxis": "ProductionCounts",
  "interestingMoments": []
}

I want to access the value of json object. Field name of json object will be different each time I am getting the json object so I am sending the field name in xAxis and yAxis as separate.

When I am trying to access the jsonData.data[0].data[0].xAxis , it is giving me undefined instead of value. I can't access like this as field name will be different each time so I am trying to access it through variable jsonData.data[0].data[0].Part .

Musa · Accepted Answer · 2013-02-11 06:24:03Z

2

jsonData.data[0].data[0][jsonData.xAxis] and jsonData.data[0].data[0][jsonData.yAxis]

http://jsfiddle.net/vsZkR/

answered Feb 11, 2013 at 6:24

Musa

97.9k17 gold badges123 silver badges144 bronze badges

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

Comments

user1645055 · Accepted Answer · 2013-02-11 06:24:54Z

you should use json like this

var a = {
  "data": [{
    "data": [{
      "Part": "1.75 L ICON (Glass)",
      "ProductionCounts": 1012620
    }, {
      "Part": "1.75 L Marg Mix (PET)",
      "ProductionCounts": 1003278
    }, {
      "Part": "1.75 L Authentics (PET)",
      "ProductionCounts": 457615
    }, {
      "Part": "1.0 L Margarita Mix / PET",
      "ProductionCounts": 660982
    }, {
      "Part": "other",
      "ProductionCounts": 1571985
    }]
  }, ],
  "dateArray": ["2011-01-01", "2011-02-01", "2011-03-01", "2011-04-01", "2011-05-01", "2011-06-01", "2011-07-01", "2011-08-01", "2011-09-01", "2011-10-01", "2011-11-01"],
  "xAxis": "Part",
  "yAxis": "ProductionCounts",
  "interestingMoments": []
};

a.data[0].data[0][a.xAxis] // for access part values
a.data[0].data[0][a.yAxis]  // for acsess ProductionCounts values

Sudhir Bastakoti · Accepted Answer · 2013-02-11 06:22:51Z

0

for xAxis, just this should work:

console.log( jsondata.xAxis );

See here: jsFiddle

answered Feb 11, 2013 at 6:22

Sudhir Bastakoti

100k15 gold badges163 silver badges169 bronze badges

Comments

Rohan Kumar · Accepted Answer · 2013-02-11 06:23:53Z

Try this :

var data={
  "data": [{
    "data": [{
      "Part": "1.75 L ICON (Glass)",
      "ProductionCounts": 1012620
    }, {
      "Part": "1.75 L Marg Mix (PET)",
      "ProductionCounts": 1003278
    }, {
      "Part": "1.75 L Authentics (PET)",
      "ProductionCounts": 457615
    }, {
      "Part": "1.0 L Margarita Mix / PET",
      "ProductionCounts": 660982
    }, {
      "Part": "other",
      "ProductionCounts": 1571985
    }]
  }, ],
  "dateArray": ["2011-01-01", "2011-02-01", "2011-03-01", "2011-04-01", "2011-05-01", "2011-06-01", "2011-07-01", "2011-08-01", "2011-09-01", "2011-10-01", "2011-11-01"],
  "xAxis": "Part",
  "yAxis": "ProductionCounts",
  "interestingMoments": []
};
console.log(data.xAxis);
console.log(data.yAxis);

turiyag · Accepted Answer · 2013-02-11 06:34:45Z

0

I would unwrap it from the redundant "data" object.

http://jsfiddle.net/turiyag/cQNPm/

It looks cleaner afterward, and works just fine. Your JSON object also failed JSLint. Always run your code through JSLint or a similar product before posting here.

log("jsonData.data[0][jsonData.yAxis]: " + jsonData.data[0][jsonData.yAxis]);

answered Feb 11, 2013 at 6:34

turiyag

2,9073 gold badges25 silver badges21 bronze badges

Collectives™ on Stack Overflow

Accesing json object value through variable

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related