一篇文章带你了解JavaScript json 对象
发布时间：2025-11-05 01:28:27 作者：玩站小弟 
我要评论
我要评论一、对象的语法JSON 对象被大括号环绕 {}，JSON 对象被写成key/value。{"name":"John","age":30,"car":null} key必须是字符串，并且v
。
一、篇文对象的章带语法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 对象中，语法的使用，亿华云计算如何去访问对中的值，如何去循环对象。如何去嵌套JSON 对象。对象中如何去嵌套数组，常见的修改，删除数组，都做了详细的讲解。
通过丰富的案例分析，效果图的展示，能够帮助你更好的理解。
高防服务器相关文章
电脑登QQ错误的解决方法（解决电脑登QQ出现错误的实用技巧）
摘要：在使用电脑登陆QQ时，我们有时会遇到一些错误提示，导致无法正常登陆。本文将为大家介绍一些常见的错误及解决方法，帮助大家快速恢复QQ登录功能。文章目录：1.检查网络连接是...2025-11-05
在互联网的广阔海洋中，域名是每一个网站的门牌号。随着时间的推移，许多域名由于各种原因被放弃或未续费，最终成为“过期域名”。这些过期域名不仅可能蕴含着丰富的价值，还可能为有远见的投资者和企业提供良好的机2025-11-05
在互联网的快速发展中，域名作为网站的“门牌”，扮演着至关重要的角色。随着中文互联网的兴起，中文域名逐渐成为一种新的选择。聚名网将介绍中文域名与英文域名的主要区别。1. 语言和文化背景中文域名和英文域名2025-11-05
1、使用默认参数代替短路或条件默认参数通常比短路更干净。functionSomeMethod(paramThatCanBeUndefined){constlocalValue=paramThatCan2025-11-05- 摘要：雷神电脑作为一款性能强大的笔记本电脑，备受用户喜爱。然而，对于新手来说，可能会面临一些使用上的困惑。本篇文章将为你介绍雷神电脑的一些基本功能和使用技巧，帮助你轻松上手。快速...2025-11-05
大家好，我是程序员幽鬼。Go 泛型定了，有哪些好的使用场景，哪些不好的应用场景，亦或哪些使用看起来丑?本文聊聊这个问题。1 简介泛型很棒，而且 Go 变得比以前更方便了。但是与可能非常有用的 chan2025-11-05
最新评论