Question

我正在尝试解析html div中的嵌套JSON对象。我想为每个对象获取TITLE。我希望它尽可能像DRY（不要重复自己），所以每当我向json添加一个新对象时它会自动解析div中的对象。

我不知道这是否是这个

的正确语法

Object.keys(booklist.Bible)[1].Title

当我尝试使用此代码时，它返回undefined。

<script>
var booklist = {
"Bible":{
"ARV":{"Title":"American Revised Version", "Author":"Unknown", "Icon":"ARV.png"},
"KJV":{"Title":"King James Version", "Author":"King James", "Icon":"KJV.png"},
},

"Bible Commentary":{
"DR":{"Title":"The Prophecies of Daniel and the Revelation by Uriah Smith", "Author":"Uriah Smith", "Icon":"DR.png"},
"EGWBC":{"Title":"Ellen G. White Bible Commentary", "Author":"Ellen G. White", "Icon":"EGWBC.png"}
},

var contents = Object.keys(booklist.Bible)[0];
var catList = document.getElementById('contents');
var category = document.createElement('div');
category.innerHTML='<div class="row">'+
                    '<div class="inline ui-block-a">'+
                        '<img class="thumbs" src="images/default.png">'+
                    '</div>'+
                    '<div class="inline ui-block-b">'+
                        '<h4>'+Object.keys(booklist.Bible)[1].Title+'</h4>'+
                        '<span class="subs"></span>'+
                    '</div>'+
                    '<div class="inline ui-block-c">'+
                        '<h4></h4>'+
                        '<span class="subs">Author</span>'+
                    '</div>'+
                '</div><hr>';
          catList.appendChild(category);
</script>

Answer 1

如果您想访问图书ARV的标题，您可以访问

booklist.Bible.ARV.Title

或

booklist["Bible"]["ARV"]["Title"]

在javascript中这很简单。

JSON如何正确解析嵌套的JSON？

1 个答案: