怎么理解JavaScript json对象
短信预约 -IT技能 免费直播动态提醒
本篇文章为大家展示了怎么理解JavaScript json对象，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。
一、对象的语法
JSON 对象被大括号环绕 {}，JSON 对象被写成key/value。
{ "name":"John", "age":30, "car":null }key必须是字符串，并且value必须是一个有效的JSON数据类型（字符串、数字、对象、数组、布尔值或空），Keys 和 values 由冒号分隔，每个key/value对被逗号分隔。
二、访问对象的值
可以使用点（.）访问对象值。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>项目</title> </head> <body style="background-color: aqua;"> <p>Access a JSON object using dot notation:</p> <p id="demo"></p> <script> var myObj, x; myObj = { "name": "John", "age": 30, "car": null }; x = myObj.name; document.getElementById("demo").innerHTML = x; </script> </body> </html>还可以使用方括号（[]）访问对象值:
<script> var myObj, x; myObj = { "name": "John", "age": 30, "car": null }; x = myObj["name"]; document.getElementById("demo").innerHTML = x; </script>三、循环一个对象
可以使用for-in循环，遍历一个对象。
<script> var myObj = { "name": "John", "age": 30, "car": null }; for (x in myObj) { document.getElementById("demo").innerHTML += x + "<br>"; } </script>使用括号表示法访问属性值:
<script> var myObj, x; myObj = { "name": "John", "age": 30, "car": null }; x = myObj["name"]; document.getElementById("demo").innerHTML = x; </script>四、嵌套的 JSON 对象
JSON的值可以是另外一个JSON对象。
myObj = { "name":"John", "age":30, "cars": { "car1":"Ford", "car2":"BMW", "car3":"Fiat" } }您可以访问嵌套的JSON对象使用点符号或括号:
x = myObj.cars.car2; //or: x = myObj.cars["car2"];1. 修改值
你可以使用点表示法修改JSON对象的任何值:
myObj.cars.car2 = "Mercedes";js完整代码：
<script> var myObj, i, x = ""; myObj = { "name":"John", "age":30, "cars": { "car1":"Ford", "car2":"BMW", "car3":"Fiat" } } myObj.cars.car2 = "Mercedes"; for (i in myObj.cars) { x += myObj.cars[i] + "<br>"; } document.getElementById("demo").innerHTML = x; </script>你也可以使用方括号来修改一个JSON对象值:
myObj.cars["car2"] = "Mercedes";js完整代码：
<script> var myObj, i, x = ""; myObj = { "name":"John", "age":30, "cars": { "car1":"Ford", "car2":"BMW", "car3":"Fiat" } } myObj.cars["car2"] = "Mercedes"; for (i in myObj.cars) { x += myObj.cars[i] + "<br>"; } document.getElementById("demo").innerHTML = x; </script>2. 删除对象的属性
使用delete关键字从JSON对象删除一个属性:
delete myObj.cars.car2;完整代码：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>项目</title> </head> <body style="background-color: aqua;"> <p>How to delete properties of a JSON object.</p> <p id="demo"></p> <script> var myObj, i, x = ""; myObj = { "name": "John", "age": 30, "cars": { "car1": "Ford", "car2": "BMW", "car3": "Fiat" } } delete myObj.cars.car2; //通过语句删除内容。 for (i in myObj.cars) { x += myObj.cars[i] + "<br>"; } document.getElementById("demo").innerHTML = x; </script> </body> </html>上述内容就是怎么理解JavaScript json对象，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注编程网行业资讯频道。
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
