多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

中國最全IT社區平臺聯系我們 | 收藏本站

json教程

關于 JSON

JSON 教程

json格式

JSON解析

JSON遍歷

JSON調用

JSON轉換

JSON獲取

JSON字符串

JSON數組

←上一篇： JSON 數據類型

→下一篇：JSON 模式

JSON 對象

閱讀 (2536)

JSON 對象

創建簡單的對象

JSON 對象可以使用 JavaScript 創建。我們來看看使用 JavaScript 創建 JSON 對象的各種方式：

創建一個空對象：

var JSONObj = {};

創建一個新對象：

var JSONObj = new Object();

創建一個 bookname 屬性值為字符串，price屬性值為數字的對象。可以通過使用 '.' 運算符訪問屬性。

var JSONObj = { "bookname ":"VB BLACK BOOK", "price":500 };

這里有一個例子，展示了在 JavaScript 中使用 JSON 創建對象，可以將下面的代碼保存為 json_object.htm：

<html>
<head>
<title>Creating Object JSON with JavaScript</title>
<script language="javascript" >

    var JSONObj = { "name" : "tutorialspoint.com", "year"  : 2005 };
    document.write("<h1>JSON with JavaScript example</h1>");
    document.write("<br>");
    document.write("<h3>Website Name="+JSONObj.name+"</h3>");  
    document.write("<h3>Year="+JSONObj.year+"</h3>");  

</script>
</head>
<body>
</body>
</html>

現在讓我們嘗試使用 IE 或者任何其他啟用了 JavaScript 的瀏覽器打開這個頁面，這會生成如下所示結果：

json object

創建數組對象

下面的例子展示了在 JavaScript 中使用 JSON 創建數組對象，可以將下面的代碼保存為 json_array_object.htm：

<html>
<head>
<title>Creation of array object in javascript using JSON</title>
<script language="javascript" >

document.writeln("<h2>JSON array object</h2>");

var books = {
    "Pascal" : [ 
        { "Name"  : "Pascal Made Simple", "price" : 700 },
        { "Name"  : "Guide to Pascal", "price" : 400 }
    ],                       
    "Scala"  : [
        { "Name"  : "Scala for the Impatient", "price" : 1000 }, 
        { "Name"  : "Scala in Depth", "price" : 1300 }
    ]    
}    

var i = 0
document.writeln("<table border='2'><tr>");
for(i=0;i<books.Pascal.length;i++)
{   
    document.writeln("<td>");
    document.writeln("<table border='1' width=100 >");
    document.writeln("<tr><td><b>Name</b></td><td width=50>"
    + books.Pascal[i].Name+"</td></tr>");
    document.writeln("<tr><td><b>Price</b></td><td width=50>"
    + books.Pascal[i].price +"</td></tr>");
    document.writeln("</table>");
    document.writeln("</td>");
}

for(i=0;i<books.Scala.length;i++)
{
    document.writeln("<td>");
    document.writeln("<table border='1' width=100 >");
    document.writeln("<tr><td><b>Name</b></td><td width=50>"
    + books.Scala[i].Name+"</td></tr>");
    document.writeln("<tr><td><b>Price</b></td><td width=50>"
    + books.Scala[i].price+"</td></tr>");
    document.writeln("</table>");
    document.writeln("</td>");
}
document.writeln("</tr></table>");
</script>
</head>
<body>
</body>
</html>

現在讓我們嘗試使用 IE 或者任意其他啟用了 JavaScript 的瀏覽器打開這個頁面，和會生成如下所示結果：

json array object