迭代JsonObject

Question

嗨，这是我的JsonObject，我想迭代这个并获取标题元素类的标题，容器和页脚的值。

var jsonObj = [{
                                "Header": {
                                    "title": "Header",
                                    "element":"div",
                                    "class": "innerElements header",
                                    "id": "",
                                    "contenteditable":"true"
                                },
                                "Container": {
                                    "title": "Container",
                                    "element": "div",
                                    "class": "innerElements header",
                                    "id": "",
                                    "contenteditable":"true"
                                },
                                "Footer": {
                                    "title": "Container",
                                    "element": "div",
                                    "class": "innerElements header",
                                    "id": "",
                                    "contenteditable": "true"
                                }

                            }]

Answer 1

您可以通过

执行此操作

for (var key in jsonObj[0]) {
  if (jsonObj[0].hasOwnProperty(key)) {
    console.log(key + " -> " + jsonObj[0][key].title);
  } 
}

此处为此代码标识fiddle。

为了从对象中获取内部元素，我们必须扩展前一个循环

for (var key in jsonObj[0]) {
  if (jsonObj[0].hasOwnProperty(key)) {
    console.log(key + " ---");
     for(innerKey in jsonObj[0][key]) {
        console.log(innerKey + " -> " + jsonObj[0][key][innerKey])         
      } 
    console.log("-----")  
  } 
}

以上代码的fiddle