博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js中js数组、对象与json之间的转换
阅读量:4974 次
发布时间:2019-06-12

本文共 2680 字,大约阅读时间需要 8 分钟。

•数据在名称/值对中

•数据由逗号分隔
•花括号保存对象
•方括号保存数组

var jsonString = '{"bar":"property","baz":3}';//JSON字符串var jsObject = JSON.parse(jsonString); //转换为json对象alert(jsObject.bar); //取json中的值var st = JSON.stringify(jsObject); //转换为json类型的字符串  
 //json数组类型字符串取值 var jsonStr = '[{"id":"01","open":false,"pId":"0","name":"A部门"},{"id":"01","open":false,"pId":"0","name":"A部门"},{"id":"011","open":false,"pId":"01","name":"A部门"},{"id":"03","open":false,"pId":"0","name":"A部门"},{"id":"04","open":false,"pId":"0","name":"A部门"}, {"id":"05","open":false,"pId":"0","name":"A部门"}, {"id":"06","open":false,"pId":"0","name":"A部门"}]'; console.log(jsonStr) /* [{"id":"01","open":false,"pId":"0","name":"A部门"}, {"id":"01","open":false,"pId":"0","name":"A部门"}, {"id":"011","open":false,"pId":"01","name":"A部门"}, {"id":"03","open":false,"pId":"0","name":"A部门"}, {"id":"04","open":false,"pId":"0","name":"A部门"},  {"id":"05","open":false,"pId":"0","name":"A部门"}, {"id":"06","open":false,"pId":"0","name":"A部门"}] */ var jsonObj = JSON.parse(jsonStr);//转换为json对象 /* [object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object] */ for (var i = 0; i < jsonObj.length; i++) {      console.log(jsonObj[i].id);  //取json中的值 } console.log(jsonObj) var jsonStr1 = JSON.stringify(jsonObj) console.log(jsonStr1 + "jsonStr1") /* [{"id":"01","open":false,"pId":"0","name":"A部门"},  {"id":"01","open":false,"pId":"0","name":"A部门"},  {"id":"011","open":false,"pId":"01","name":"A部门"},  {"id":"03","open":false,"pId":"0","name":"A部门"},  {"id":"04","open":false,"pId":"0","name":"A部门"},  {"id":"05","open":false,"pId":"0","name":"A部门"},  {"id":"06","open":false,"pId":"0","name":"A部门"}]jsonStr1 */

详解

在数据传输过程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。例如:

JSON字符串:
var str1 = '{ "name": "cxh", "sex": "man" }';
JSON对象:
var str2 = { "name": "cxh", "sex": "man" };

一、JSON字符串转换为JSON对象

要使用上面的str1,必须使用下面的方法先转化为JSON对象:

//由JSON字符串转换为JSON对象

var obj = eval_r('(' + str + ')');

或者

var obj = str.parseJSON(); //由JSON字符串转换为JSON对象

或者

var obj = JSON.parse(str); //由JSON字符串转换为JSON对象

然后,就可以这样读取:

Alert(obj.name);

Alert(obj.sex);

特别注意:如果obj本来就是一个JSON对象,那么使用eval()函数转换后(哪怕是多次转换)还是JSON对象,但是使用parseJSON()函数处理后会有问题(抛出语法异常)。

二、可以使用toJSONString()或者全局方法JSON.stringify()将JSON对象转化为JSON字符串。

例如:

var last=obj.toJSONString(); //将JSON对象转化为JSON字符

或者

var last=JSON.stringify(obj); //将JSON对象转化为JSON字符

alert(last);

上 面的几个方法中,除了eval_r()函数是js自带的之外,其他的几个方法都来自json.js包。新版本的 JSON 修改了 API,将 JSON.stringify() 和 JSON.parse() 两个方法都注入到了 Javascript 的内建对象里面,前者变成了 Object.toJSONString(),而后者变成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()方法,则说明您的json包版本太低。

转载于:https://www.cnblogs.com/otsf/p/8566262.html

你可能感兴趣的文章
Makefile
查看>>
软件开发文档以及项目开发流程理解
查看>>
2019微软Power BI 每月功能更新系列——Power BI 4月版本功能完整解读
查看>>
truncate 、delete、drop的区别
查看>>
DynamoDB 中的限制
查看>>
mysql做主从配置
查看>>
Docker练习例子:基于 VNCServer + noVNC 构建 Docker 桌面系统
查看>>
《码出高效 Java开发手册》第六章 数据结构与集合
查看>>
Python获取本机外网IP
查看>>
sleep和wait的区别
查看>>
[导入]弯管机3D DEMO
查看>>
关于51单片机使用printf串口调试
查看>>
软件工程-读书笔记(1-3章)
查看>>
Sublime 快捷键
查看>>
GNU make manual 翻译(二十六)
查看>>
poj1436
查看>>
iOS 电话在后台运行时,我的启动图片被压缩
查看>>
pod 常用命令
查看>>
MySQL修复打不开的视图定义
查看>>
PHP max_execution_time 超时
查看>>