首页 > 分享 > JavaScript操作JSON

JavaScript操作JSON

最新推荐文章于 2022-10-18 16:16:13 发布

好汉不吃草 于 2020-06-14 09:52:44 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

JavaScript操作JSON

Javascript可以直接定义一个JSON对象:

<script type="text/javascript"> var obj = {"name":"大明","age":38}; window.console.log(obj); </script> 1234


在JSON对象中还可以定义JS函数

<script type="text/javascript"> var obj = {"name":"大明","age":8,"add":function(x,y){return x+y}}; window.console.log(obj.add(10,20)); </script> 1234


遍历输出JSON中的全部内容

<script type="text/javascript"> var obj = {"name":"大明","age":8,"ariety":"哮天犬"}; for(var x in obj){ window.console.log("x:"+obj[x]); } </script> 123456


将文本变为JSON对象使用eval()函数完成。

<script type="text/javascript"> var str = "{"address":"xx省xx市","name":"GUB宠物商店"," + ""partners":["大郎炊饼店","肥犬美容会所","大名护理中心"]," + ""pets":[{"id":1,"name":"旺财","price":33.6,"specie"" + ":"拉布拉多"},{"id":2,"name":"大明","price":250.38," + ""specie":"品种独特"}]}n"; var obj = eval("("+str+")");//文本对象变为JSON对象 window.console.log('店名:'+obj['name']); window.console.log('地址:'+obj['address']); window.console.log('-----------------------------'); for(var x in obj.partners){ window.console.log("商业伙伴-"+x+":"+obj.partners[x]); } window.console.log('-----------------------------'); for(var x in obj.pets){ var pet = obj.pets[x]; window.console.log("t|-宠物编号:"+pet['id']); window.console.log("t|-宠物名:"+pet['name']); window.console.log("t|-宠物品种:"+pet['specie']); window.console.log("t|-价格:"+pet['price']); window.console.log('t-----------------------------'); } </script>

1234567891011121314151617181920212223


但是使用eval()函数将字符串变为JSON对象实际上市不安全的,eval()函数可以执行转换字符串中的代码。

var num = 6; var str = "{"count":num++}"; var obj = eval("("+str +")"); window.console.log(num); 1234

相关知识

在javascript中JSON对象和JSON字符串的转换及取值
JavaScript基础笔记(四)
11.1.1 JavaScript基本语法
JSON后台转换日期格式
javascript学习笔记——如何修改url name
用JavaScript写一个可以聊天的桌面宠物
推荐开源项目:DesktopPet
cuba:Google表格+SQL=JSON资源
vue Axios 向后端提交参数 请求头 json 方式(Content
【附源码】java毕业设计同城上门喂遛宠物预约系统

网址: JavaScript操作JSON https://m.mcbbbk.com/newsview229260.html

所属分类:萌宠日常
上一篇: 狗狗口腔问题对应哪些健康问题?
下一篇: 狗狗口腔护理小知识