Traverse nested Object Literal data

Question

Been looking through the forums and none of the solutions that I have seen have worked for my case unless I am doing it wrong. I am trying to list out data for different states that is connected to a jQuery map plugin. Basically the user will click a state and the state laws will append underneath the map. Right now my JSON tree looks like:

var states = {
   "AL" : {
       "longname" : "Alabama",
       "lawOne" : "Text for Law 1",
       "lawTwo" : "Text for Law 2",
       "lawThree" : "Text for Law 3"
   },
   "AK" : {
       "longname" : "Alaska",
       "lawOne" : "Text for Law 1",
       "lawTwo" : "Text for Law 2",
       "lawThree" : "Text for Law 3"
   },
   etc...
}

Using the answer to the question here, I can dive into tier 2 nested Data, but the entry point for the state seems to be the hold up. I need the abbreviated state name because that is the data that the map API spits out when a state is clicked. Any idea of what other steps might need to be implemented in order to make this work? Seems like there are no answers for finding an object within an object. Thanks in advance!

EDIT: I found the exact answer I was looking for once I realized I was clumsy and that this was an Object Literal, and not JSON. I found the answer here

That is not JSON. That is a JavaScript object literal. The terms are not interchangeable. — Jordan Running, Feb 17 '17 at 20:43
Thank you. I have updated the question and posted the answer I found — Mike Manusama, Feb 20 '17 at 15:43

score 2 · Answer 1 · answered Feb 17 '17 at 20:37

2

You just need to use Object.keys() to get the abbreviated name which is defined as properties of state object.

var states = {
   "AL" : {
       "longname" : "Alabama",
       "lawOne" : "Text for Law 1",
       "lawTwo" : "Text for Law 2",
       "lawThree" : "Text for Law 3"
   },
   "AK" : {
       "longname" : "Alaska",
       "lawOne" : "Text for Law 1",
       "lawTwo" : "Text for Law 2",
       "lawThree" : "Text for Law 3"
   }
}

console.log(Object.keys(states))

answered Feb 17 '17 at 20:37

Satpal

132,252
13
159
168

This gets me a lit of the states in the array, but how would I be able to focus in on one (dynamically) and grab a value from inside given state? – Mike Manusama Feb 17 '17 at 21:59

score 2 · Answer 2 · answered Feb 17 '17 at 21:05

You can iterate and get short name like this:

var states = {
   "AL" : {
       "longname" : "Alabama",
       "lawOne" : "Text for Law 1",
       "lawTwo" : "Text for Law 2",
       "lawThree" : "Text for Law 3"
   },
   "AK" : {
       "longname" : "Alaska",
       "lawOne" : "Text for Law 1",
       "lawTwo" : "Text for Law 2",
       "lawThree" : "Text for Law 3"
   }
}

for (var key in states) {
  if (states.hasOwnProperty(key)) {
    var val = states[key];
    console.log(key + ':' + val.longname);
  }
}

JSFiddle: https://jsfiddle.net/12bor11u/1/

I believe this is more along the lines I am looking for for sure. The only problem is that the State abbreviation is Dynamic in nature and I will need to figure out how to input that data dynamically. That's on me to figure out though. I appreciate the head start! — Mike Manusama, Feb 17 '17 at 21:59

Traverse nested Object Literal data

2 Answers2