Parsing json object dynamically in javascript

Question

I have a JSON object similar to this

{
  emp_name:'',
  day1:'',
  day2:'',
  day3:'',
  .....
  dayn:''
}

I want to get this value dynamically using javascript and display it in a table. Below is what I am trying to do.

for(var i = 0; i < 2; i++)
{
  var row1  = body.insertRow(i);
  var name  = resultset[i].emp_name;
  var cell1 = row1.insertCell(0);

  cell1.innerHTML=name;
  cell1.setAttribute('id', 'emp_name');

  for(var j = 1; j < 32; j++)
  {
    var cell2=row1.insertCell(j);
    cell2.innerHTML = resultset[i].day + j;
  }
}

But the second cell value is not getting populated. I am getting NaN. The problem is because of day + j. Can someone say how to approach this?

Which variable have you equated your json object to? Can you put in ur entire code in a jsbin and show? — wallop
– wallop, Commented May 13, 2015 at 7:59
you need resultset[i]['day'+j]; this called bracket notation — Grundy
– Grundy, Commented May 13, 2015 at 8:01
possible duplicate of Dynamically access object property using variable — Grundy
– Grundy, Commented May 13, 2015 at 8:09

Artyom Neustroev · Accepted Answer · 2015-05-13 08:02:12Z

3

As I understood, you want to access the property, which is day{n}, right?

If so, you have to change

resultset[i].day+j;

To

resultset[i]['day'+j];

answered May 13, 2015 at 8:02

Artyom Neustroev

8,7355 gold badges36 silver badges59 bronze badges

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

Comments

Amit · Accepted Answer · 2015-05-13 08:02:13Z

0

The code you have is identical to (resultset[i].day) + j - that means take the value of (nonexistant) day property from resultset[i], and add j to id. That's why you get a NaN.

Whould you should be doing is:

 for(var j=1;j<32;j++){
      var cell2=row1.insertCell(j);
        cell2.innerHTML=resultset[i]['day'+j];
 }

answered May 13, 2015 at 8:02

Amit

46.4k9 gold badges83 silver badges113 bronze badges

Comments

jmgross · Accepted Answer · 2015-05-13 08:09:37Z

0

If one day, the number of properties or items change, you can loop in your dynamic object without changing your code :

for (i = 0, l=resultSet.length; i < l; i++) {
    var row1 = body.insertRow(i);
    var result = resultSet[i];
    var name = result.emp_name;

    var keys = Object.keys(result);
    for (var j = 1, m=keys.length; j < m; j++) {
        var cell2 = row1.insertCell(j);
        cell2.innerHTML = result[keys[j]];
    }
}

answered May 13, 2015 at 8:09

jmgross

2,3461 gold badge22 silver badges25 bronze badges

Comments

Abhinav · Accepted Answer · 2015-05-13 08:29:58Z

0

Since you have tagged jquery too, I have given the answer using jquery. You can accomplish it using $.each function of jquery.

$.each(jsonString,function(key,value){
//You can perform your operations here
console.log(key+'=>'+value); 

});

Visit here for more info jQuery.each

edited May 13, 2015 at 8:29

answered May 13, 2015 at 8:22

Abhinav

8,17812 gold badges51 silver badges92 bronze badges

Collectives™ on Stack Overflow

Parsing json object dynamically in javascript

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related