Access JSON Object using for loop

Question

This is my simplified JSON file content:

{
    "array": {
        "Table1": [
            {
                "h1": 0,
                "h2": 1069
            },
            {
                "h1": 587,
                "h2": 947
            }
        ],
        "Table2": [
            {
                "h1": 13,
                "h2": 0
            },
            {
                "h1": 30,
                "h2": 0
            },
            {
                "h1": 75,
                "h2": 0
            }
        ]
    }
}

This is what my console output after Angular $http call

var data = response.data;
$log.log(data); //Object
$log.log(data.Table1); //Array
$log.log(data.Table1[0]); //Object
$log.log(data.Table1[1].h1); //587

I tried below code but failed to get the value. Please help.

for(var a in data){ //this one correctly loops 2 times
   for(var d in a){ //I have problem with this one
     $log.log(d.h1);
   }
}

change your line to this.. it will work for(var d in data[a]) because you are calling inner object. — Dharti Sojitra
– Dharti Sojitra, Commented Aug 31, 2016 at 10:18
Wow!! Thanks guys.. I will accept after 7 minutes.. (SO limitation) — Iyas
– Iyas, Commented Aug 31, 2016 at 10:19

varun · Accepted Answer · 2018-05-03 07:57:23Z

1

You can do this in below way:-

 $data = file_get_contents('your json data is here.json');
 $content = json_decode($data); 
 foreach($content as $row){
    foreach($row as $data_array){
      foreach($data_array as $item){
       echo 'H1 data item - '.$item->h1;
       echo '    H2 data item - '.$item->h2.'<br>';
        }
      }
   }

edited May 3, 2018 at 7:57

varun

197 bronze badges

answered Aug 31, 2016 at 10:28

Sanjay Kumar

4245 silver badges15 bronze badges

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

Comments

Dimitri Lavrenük · Accepted Answer · 2016-08-31 10:14:13Z

0

for (var a in data) a would be the key, so Table1 or Table2. The actual value is in data[a]. Also you can not traverse an Array with for (var i in xx) method, as far as I know

for(var a in data){ //this one correctly loops 2 times
   for(var d = 0; d < data[a].length; d++){
     $log.log(data[a][d].h1);
   }
}

answered Aug 31, 2016 at 10:14

Dimitri Lavrenük

4,9091 gold badge19 silver badges22 bronze badges

Comments

Pankaj Parkar · Accepted Answer · 2016-08-31 10:15:46Z

0

It should be using data[a] to get inner object. Basically you would be accessing object by its key

for(var a in data){
   for(var d in data[a]){ 
     $log.log(d.h1);
   }
}

edited Aug 31, 2016 at 10:15

answered Aug 31, 2016 at 10:12

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

Comments

n.prokhorov · Accepted Answer · 2016-08-31 10:23:32Z

0

First of all, you have problems with nesting. Your structure is data -> array -> table -> h1. Second, ther for-in construction iterates by the key. So, the a variable in construction for(var i in myArr) refers to the element key, not to the object in array. So, the whole construction in your case may look like this

for(var a in data.array){
   for(var d in data.array[a]){
     console.log(data.array[a][d].h1);
   }
}

P.S. have a look at map() function

answered Aug 31, 2016 at 10:23

n.prokhorov

9307 silver badges13 bronze badges

1 Comment

Iyas Over a year ago

Thanks for the suggestion.

Collectives™ on Stack Overflow

Access JSON Object using for loop

4 Answers 4

Comments

Comments

Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

1 Comment

Related