Javascript 迭代JsonObject

嗨，这是我的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"
                                }

                            }]

你可以这样做

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

这里是这个代码的id

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

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("-----")  
  } 
}

---

这是上面代码的示例

您是否可以进一步扩展它以获得所有值，如class、elements、id、contenteditable？bcoz我希望代码得到优化，否则我应该写每一行来获得所有的值。你可以在里面写另一个循环来获得所有的值