js 将json字符串转换为json对象的方法解析


Posted in Javascript onNovember 13, 2013

例如:

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

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

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

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

var obj = eval('(' + 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()函数是js自带的之外,其他的几个方法都来自json.js包。新版本的 JSON 修改了 API,将 JSON.stringify() 和 JSON.parse() 两个方法都注入到了 Javascript 的内建对象里面,前者变成了 Object.toJSONString(),而后者变成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()方法,则说明您的json包版本太低。

PS:本站还提供了几款功能十分强大的json解析、转换与格式化工具供大家选择使用,相信对于大家接下来的json格式数据处理会有所帮助:

在线JSON代码检验、检验、美化、格式化工具:
http://tools.3water.com/code/json

在线XML/JSON互相转换:
http://tools.3water.com/code/xmljson

json代码在线格式化/美化/压缩/编辑/转换工具:
http://tools.3water.com/code/jsoncodeformat

C语言风格/HTML/CSS/json代码格式化美化工具:
http://tools.3water.com/code/ccode_html_css_json

Javascript 相关文章推荐
『JavaScript』限制Input只能输入数字实现思路及代码
Apr 22 Javascript
js实现宇宙星空背景效果的方法
Mar 03 Javascript
Javascript 高阶函数使用介绍
Jun 15 Javascript
基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard
Jun 17 Javascript
js动态获取子复选项并设计全选及提交的实现方法
Jun 24 Javascript
vue.js表格分页示例
Oct 18 Javascript
利用jquery实现验证输入的是否是数字、小数,包含保留几位小数
Dec 07 Javascript
微信小程序页面跳转功能之从列表的item项跳转到下一个页面的方法
Nov 27 Javascript
使用vue-cli导入Element UI组件的方法
May 16 Javascript
详解javascript appendChild()的完整功能
Aug 18 Javascript
Ant Design moment对象和字符串之间的相互转化教程
Oct 27 Javascript
浅谈 JavaScript 沙箱Sandbox
Nov 02 Javascript
JS 实现BASE64_ENCODE和BASE64_DECODE(实例代码)
Nov 13 #Javascript
JavaScript实现url地址自动检测并添加URL链接示例代码
Nov 12 #Javascript
JavaScript改变HTML元素的样式改变CSS及元素属性
Nov 12 #Javascript
屏蔽script注入小例子
Nov 12 #Javascript
js控制淡入淡出示例代码
Nov 12 #Javascript
jquery给图片添加鼠标经过时的边框效果
Nov 12 #Javascript
JavaScript中for..in循环陷阱介绍
Nov 12 #Javascript
You might like
用Flash图形化数据(二)
2006/10/09 PHP
ThinkPHP采用模块和操作分析
2011/04/18 PHP
spl_autoload_register与autoload的区别详解
2013/06/03 PHP
ThinkPHP独立分组使用的注意事项
2014/11/25 PHP
PHP中使用SimpleXML检查XML文件结构实例
2015/01/07 PHP
php常用字符串String函数实例总结【转换,替换,计算,截取,加密】
2016/12/07 PHP
PHP封装的完整分页类示例
2018/08/21 PHP
NodeJS框架Express的模板视图机制分析
2011/07/19 NodeJs
千分位数字格式化(用逗号隔开 代码已做了修改 支持0-9位逗号隔开)的JS代码
2013/12/05 Javascript
学习Bootstrap滚动监听 附调用方法
2016/07/02 Javascript
AngularJS模块详解及示例代码
2016/08/17 Javascript
vue数据双向绑定原理解析(get & set)
2017/03/08 Javascript
easyui下拉框动态级联加载的示例代码
2017/11/29 Javascript
js推箱子小游戏步骤代码解析
2018/01/10 Javascript
webpack4 CSS Tree Shaking的使用
2018/09/03 Javascript
koa+jwt实现token验证与刷新功能
2019/05/30 Javascript
vue-dplayer 视频播放器实例代码
2019/11/08 Javascript
antd 表格列宽自适应方法以及错误处理操作
2020/10/27 Javascript
JavaScript实现雪花飘落效果
2020/12/27 Javascript
python encode和decode的妙用
2009/09/02 Python
zbar解码二维码和条形码示例
2014/02/07 Python
在python3.5中使用OpenCV的实例讲解
2018/04/02 Python
深入解析神经网络从原理到实现
2019/07/26 Python
python中property属性的介绍及其应用详解
2019/08/29 Python
python如何基于redis实现ip代理池
2020/01/17 Python
Vans(范斯)德国官网:美国南加州的原创极限运动潮牌
2017/05/02 全球购物
屈臣氏乌克兰:Watsons UA
2019/10/29 全球购物
大学生毕业自荐信
2013/10/10 职场文书
节能减排倡议书
2014/04/15 职场文书
公司承诺书格式
2014/05/21 职场文书
2014年社区卫生工作总结
2014/12/18 职场文书
《金色的草地》教学反思
2016/02/17 职场文书
一篇合格的广告文案,其主要目的是什么?
2019/07/12 职场文书
python单元测试之pytest的使用
2021/06/07 Python
Jmerte 分布式压测及分布式压测配置
2022/04/30 Java/Android
JavaScript parseInt0.0000005打印5原理解析
2022/07/23 Javascript