您现在的位置是:亿华云 > 数据库
一篇文章带你了解JavaScript json 对象
亿华云2025-10-08 23:35:53【数据库】2人已围观
简介一、对象的语法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 对象。对象中如何去嵌套数组,常见的修改,删除数组,都做了详细的讲解。
通过丰富的案例分析,效果图的展示,能够帮助你更好的理解。
源码库很赞哦!(1)
相关文章
- 4.选择顶级的域名注册服务商
- Go语言下的并发编程:Goroutine,Channel 和 Sync
- 浅谈 RocketMQ、Kafka、Pulsar 的事务消息
- Node.js HTTP 解析器 llhttp 的使用
- 新手可以注册cc域名吗?cc域名有什么特点?
- 为什么\x1B.length === 1?\x与\u知识延伸
- 让Hi3861驱动交流电机变频器
- 一篇关于 Polytree 的随笔
- 为了避免将来给我们的个人站长带来的麻烦,在选择域名后缀时,我们的站长最好省略不稳定的后缀域名,比如n,因为我们不知道策略什么时候会改变,更不用说我们将来是否还能控制这个域名了。因此,如果站长不是企业,或者有选择的话,如果不能选择域名的cn类,最好不要选择它。
- 浅谈 RocketMQ、Kafka、Pulsar 的事务消息
热门文章
站长推荐
以上的就是为大家介绍的关于域名的详解
Spirit带你了解CSS各个方向的居中方案
2021年现代数据栈的优秀无代码协调技术
Go 程序运行时数据统计的可视化工具 Statsviz
3、不明先知,根据相关征兆预测可能发生的事件,以便提前做好准备,赶紧注册相关域名。;不差钱域名;buchaqian抢先注册,就是这种敏感类型。预言是最敏感的状态。其次,你应该有眼力。所谓眼力,就是善于从社会上时不时出现的各种热点事件中获取与事件相关的域名资源。眼力的前提是对域名领域的熟悉和丰富的知识。
我们一起对 Node.Js 一问一答
盘点七个重要的Python库
一日一技:为什么 Scrapy 启动 A 爬虫,B 爬虫会自动启动?