JSON 对象
更新时间:2020-05-11 19:05JSON 对象使用在大括号 {} 中书写。对象可以包含多个 key/value(键/值)对。key 必须是字符串,value 可以是合法的 JSON 数据类型(字符串, 数字, 对象, 数组, 布尔值或 null)。key 和 value 中使用冒号(:)分割。每个 key/value 对使用逗号(,)分割。
JSON实例
{ "name": "95知识库", "alexa": 10000, "site": null }
访问对象值
JavaScript使用点号(.)来访问对象的值:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> 95知识库(995w.com) </title> </head> <body> <p> 你可以使用点号(.)来访问 JSON 对象的值: </p> <p id="demo"> </p> <script> var myObj, x; myObj = { "name": "95知识库", "alexa": 10000, "site": null }; x = myObj.alexa; document.getElementById("demo").innerHTML = x; </script> </body> </html>
JavaScript使用中括号([])来访问对象的值:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> 95知识库(995w.com) </title> </head> <body> <p> 你也可以使用中括号([])来访问 JOSN 对象的值: </p> <p id="demo"> </p> <script> var myObj, x; myObj = { "name": "95知识库", "alexa": 10000, "site": null }; x = myObj["name"]; document.getElementById("demo").innerHTML = x; </script> </body> </html>
循环对象
JavaScript使用 for-in 来循环对象的属性:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> 95知识库(995w.com) </title> </head> <body> <p> 使用 for-in 来循环对象的属性: </p> <p id="demo"> </p> <script> var myObj = { "name": "95知识库", "alexa": 10000, "site": null }; for (x in myObj) { document.getElementById("demo").innerHTML += x + "<br>"; } </script> </body> </html>
JavaScript在 for-in 循环对象的属性时,使用中括号([])来访问属性的值:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> 95知识库(995w.com) </title> </head> <body> <p> 在 for-in 循环对象的属性时,使用中括号([])来访问属性的值: </p> <p id="demo"> </p> <script> var myObj = { "name": "95知识库", "alexa": 10000, "site": null }; for (x in myObj) { document.getElementById("demo").innerHTML += myObj[x] + "<br>"; } </script> </body> </html>
嵌套 JSON 对象
JSON 对象中可以包含另外一个 JSON 对象:
myObj = { "name":"95知识库", "alexa":10000, "sites": { "site1":"www.995w.com", "site2":"t.995w.com", "site3":"www.luofenming.com" } }
JavaScript使用点号(.)或者中括号([])来访问嵌套的 JSON 对象。
x = myObj.sites.site1; // 或者 x = myObj.sites["site1"];
JavaScript使用点号(.)来修改 JSON 对象的值:
myObj.sites.site1 = "www.google.com";
JavaScript使用中括号([])来修改 JSON 对象的值:
myObj.sites["site1"] = "www.google.com";
删除对象属性
JavaScript使用 delete 关键字来删除 JSON 对象的属性:
delete myObj.sites.site1;
JavaScript使用中括号([])来删除 JSON 对象的属性:
delete myObj.sites["site1"]