2017-10-12 100 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)