遍历嵌套的 Object Literal 数据

Question

一直在浏览论坛，除非我做错了，否则我所看到的任何解决方案都不适用于我的案例。我正在尝试列出连接到 jQuery 地图插件的不同状态的数据。基本上，用户将单击一个州，州法律将附加在地图下方。现在我的 JSON 树看起来像：

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...
}

使用问题here 的答案，我可以深入了解第 2 层嵌套数据，但状态的入口点似乎是暂停。我需要缩写的状态名称，因为这是单击状态时地图 API 吐出的数据。知道为了使这项工作可能需要实施哪些其他步骤吗？似乎没有在对象中找到对象的答案。提前致谢！

编辑：一旦我意识到我很笨拙并且这是一个对象文字而不是 JSON，我就找到了我正在寻找的确切答案。我找到了答案here

Answer 1

您只需要使用Object.keys() 来获取定义为state 对象属性的缩写名称。

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))

Answer 2

您可以像这样迭代并获得短名称：

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/