Read complex JSON in Javascript

Question

I have a json like :

var data = [
   {
      "country":"Andorra",
      "code":"AD",
      "state":[
         {
            "state_code":"AD1",
            "state_description":"aaAndorra1"
         },
         {
            "state_code":"AD2",
            "state_description":"aaAndorra2"
         }
      ]
   }
]

I would like to loop though the state property and get the state_code value

This is how I'm doing it :

for (var key in data) {
        if (data.hasOwnProperty(key)) {
            if(data[key].state.state_code === "AD1"){
                console.log(data[key].state.state_description);
        }
    }

I'm getting undefined.

Any help please?

Thanks

Note, it's not generally recommended to use for..in loops with Arrays. — Jonathan Lonowski
– Jonathan Lonowski, Commented Mar 6, 2016 at 16:15
Can someone stick with my code please and add what is necessary to access the state_code property? I don't want a new solution but a fix for mine.Thanks — oussama kamal
– oussama kamal, Commented Mar 6, 2016 at 16:20
just put it in the dev console (f12 on chrome) with "debugger;" line before it. by debugging it you will understand the problem in seconds. — Ronen Ness
– Ronen Ness, Commented Mar 6, 2016 at 16:24
@oussamakamal The short answer is: "You'll need a 2nd loop – data[key1].state[key2].state_code, etc." Beyond that, the answers being given are suggesting fixes, they're just also suggesting better practices. — Jonathan Lonowski
– Jonathan Lonowski, Commented Mar 6, 2016 at 16:30

Shayan · Accepted Answer · 2016-03-06 16:20:52Z

1

try this code

for (var i = 0; i < data.length; i++) {
    for (var j = 0; j < data[i].state.length; j++) {
        if(data[i].state[j].state_code === "AD1"){
            console.log(data[i].state[j].state_description)
        }
    };
};

edited Mar 6, 2016 at 16:20

answered Mar 6, 2016 at 16:16

Shayan

9669 silver badges20 bronze badges

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

Comments

Rajaprabhu Aravindasamy · Accepted Answer · 2016-03-06 16:31:36Z

1

Try to iterate from the outer object and print it,

data.forEach(function(country){ //For the countries
  country.state.forEach(state){ //For the states
    console.log(state.state_code,state.state_description);
  });
});

As a side note, You should not use for-in loop while iterating over an array. Since it will iterate over all the enumerable properties of an object throughout the prototypes. I saw you using .hasOwnProperty(), that would help avoid such situations, but in our case, using for-in loop is unnecessary.

DEMO

edited Mar 6, 2016 at 16:31

answered Mar 6, 2016 at 16:15

Rajaprabhu Aravindasamy

67.2k17 gold badges107 silver badges133 bronze badges

Comments

cl3m · Accepted Answer · 2016-03-06 16:22:58Z

0

If you want an array with every state_code:

var result = data.reduce(function(ar, d) {
    // iterate over the state array of each item
    d.state.forEach(function(s){
      // push the state_code property to our resulting array
      // you could add a condition such as 
      // if(s.state_code === "AD1") ar.push(s.state_code)
      ar.push(s.state_code)
    });
    return ar;
}, [])

See fiddle

edited Mar 6, 2016 at 16:22

answered Mar 6, 2016 at 16:16

cl3m

2,80121 silver badges21 bronze badges

Comments

user2950720 · Accepted Answer · 2016-03-06 16:25:49Z

0

data.forEach(function(obj){
  
 var states = obj.state;
 if(Array.isArray(states)){
   
   states.forEach(function(state){
     if(state.state_code === "AD1"){
      console.log(state.state_description);
     }
   });
 } else {
   if(states.state_code === "AD1"){
      console.log(states.state_description);
   }
 }
  
});

answered Mar 6, 2016 at 16:25

user2950720

9532 gold badges10 silver badges29 bronze badges

Comments

Ahsan Iqbal · Accepted Answer · 2016-03-06 16:36:17Z

0

Your declare data variable is an array of object. Where each object contains an array of state in it. Hence, if you want to iterate into deep, loop should be something like this (it is working fine, i have tested).

    for (var i = 0; i <= data.length; i++) {
        for(var j = 0; j <= data[i].state.length; j++){
            alert("The code is ::" + data[i].state[j].state_code);
        }
    }

answered Mar 6, 2016 at 16:36

Ahsan Iqbal

781 gold badge4 silver badges10 bronze badges

Comments

isvforall · Accepted Answer · 2016-03-06 16:39:20Z

0

The for...in statement iterates over the enumerable properties of an object

For iterating Arrays use for loop or Array#forEach function

for (var i = 0; i < data.length; i++) {
    for (var j = 0; j < data[i].state.length; j++) {
        if (data[i].state[j].state_code === "AD1") {
            console.log(data[i].state[j].state_description);
        }
    }
}

edited Mar 6, 2016 at 16:39

answered Mar 6, 2016 at 16:29

isvforall

8,9166 gold badges39 silver badges52 bronze badges

Collectives™ on Stack Overflow

Read complex JSON in Javascript

6 Answers 6

Comments

DEMO

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related