2017-10-12 103 views
1

我目前正在处理一个必须用JS和JSON对象做很多工作。我有我的Javascript对象设置,但我只是好奇,我将如何将一个“主”对象中存储两个对象,以及如何将该数据输出到页面。在另一个对象中存储Javascript和JSON对象

这里是我的代码:

var javabook = { 
    "book": { 
    "isbn" : "0-596-00016-2", 
    "title" : "Java and XML", 
    "price"  : "39.95", 
    "publisher" : "O'Reilly & Associates", 
    "copyright": "2000", 
     "authors": { 
     "author": { 
      "fname": "Brett", 
      "lname": "McLaughlin", 
      "price": "22.00" 
     } 
     } 
    } 
}; 

var vb6book = { 
    "book": { 
    "isbn" : "1-861003-32-3", 
    "title" : "Professional Visual Basic 6 XML", 
    "price"  : "49.99", 
    "publisher" : "Wrox Press", 
    "copyright": "2000", 
     "authors": [{ 
     "fname": "James", 
     "lname": "Britt", 
     "price": "" 
     }, { 
     "fname": "Tuen", 
     "lname": "Duynstee", 
     "price": "" 
    }] 
    } 
}; 

var myJSON = JSON.stringify(javabook); 
var myJSON2 = JSON.stringify(vb6book); 
var textbooks = [javabook, vb6book]; 

document.getElementById("demo").innerHTML = myJSON; 
document.getElementById("demo2").innerHTML = myJSON2; 

所以我试图做的是看到名为“javabook”和vr6book两个对象存储到一个主对象,然后显示出来的页面。总的来说,我需要帮助将这两个JS对象放到主对象中,然后分别访问它们并使用JSON stringify将它们输出到页面,然后让它们出现在页面上。那么如何将这个JS对象转换为基本的JSON对象呢?我的意思是,除了关于JS的问题外,我的代码如何以标准的JSON格式显示,因为我想了解更多信息?任何帮助表示赞赏,谢谢!

+1

[JSON对象(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON)不是你认为的。 – Teemu

回答

2
var javabook = { 
    "book": { 
    "isbn" : "0-596-00016-2", 
    "title" : "Java and XML", 
    "price"  : "39.95", 
    "publisher" : "O'Reilly & Associates", 
    "copyright": "2000", 
     "authors": { 
     "author": { 
      "fname": "Brett", 
      "lname": "McLaughlin", 
      "price": "22.00" 
     } 
     } 
    } 
}; 

var vb6book = { 
    "book": { 
    "isbn" : "1-861003-32-3", 
    "title" : "Professional Visual Basic 6 XML", 
    "price"  : "49.99", 
    "publisher" : "Wrox Press", 
    "copyright": "2000", 
     "authors": [{ 
     "fname": "James", 
     "lname": "Britt", 
     "price": "" 
     }, { 
     "fname": "Tuen", 
     "lname": "Duynstee", 
     "price": "" 
    }] 
    } 
}; 

var masterobject = { 
    javabook: javabook, 
    vb6book: vb6book 
}; 

然后,可以与访问对象:

var book1 = JSON.stringify(masterobject.javabook); 
var book2 = JSON.stringify(masterobject.vb6book); 

document.getElementById("demo").innerHTML = book1; 
document.getElementById("demo2").innerHTML = book2; 
+0

如何将这段代码合并到我上面显示的代码中......我真的很努力地让它工作...... –

+0

我改变了我的代码,希望它有帮助 – ManzMoody

+0

它工作的很棒!非常感谢,我很感激! –

1
Var textbooks = [ ]; 

textbooks.push(javabook); 

textbooks.push(vb6book); 

console.log("Whole obj - -> ",textbooks)