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 相关文章推荐
js利用与或运算符优先级实现if else条件判断表达式
Apr 15 Javascript
namespace.js Javascript的命名空间库
Oct 11 Javascript
jQuery中验证表单提交方式及序列化表单内容的实现
Jan 06 Javascript
jQuery实现转动随机数抽奖效果的方法
May 21 Javascript
Vue结合原生js实现自定义组件自动生成示例
Jan 21 Javascript
jQuery实现图片滑动效果
Mar 08 Javascript
Angular2关于@angular/cli默认端口号配置的问题
Jul 15 Javascript
react native基于FlatList下拉刷新上拉加载实现代码示例
Sep 30 Javascript
详解Vuex下Store的模块化拆分实践
Jul 31 Javascript
JS数组降维的实现Array.prototype.concat.apply([], arr)
Apr 28 Javascript
谈一谈vue请求数据放在created好还是mounted里好
Jul 27 Javascript
vue中使用vue-pdf的方法详解
Sep 05 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
PHP获取短链接跳转后的真实地址和响应头信息的方法
2014/07/25 PHP
简单解决新浪SAE无法上传文件的问题
2015/05/13 PHP
thinkPHP+phpexcel实现excel报表输出功能示例
2017/06/06 PHP
基于jQuery的烟花效果(运动相关)点击屏幕出烟花
2012/06/14 Javascript
js判读浏览器是否支持html5的canvas的代码
2013/11/18 Javascript
去除字符串左右两边的空格(实现代码)
2016/05/12 Javascript
Bootstrap弹出带合法性检查的登录框实例代码【推荐】
2016/06/23 Javascript
JSONP和批量操作功能的实现方法
2016/08/21 Javascript
JavaScript类的写法
2016/09/17 Javascript
微信公众号-获取用户信息(网页授权获取)实现步骤
2016/10/21 Javascript
JavaScript简介_动力节点Java学院整理
2017/06/26 Javascript
详解AngularJS1.x学习directive 中‘& ’‘=’ ‘@’符号的区别使用
2017/08/23 Javascript
get  post jsonp三种数据交互形式实例详解
2017/08/25 Javascript
vuejs实现递归树型菜单组件
2018/01/13 Javascript
详解javascript中的变量提升和函数提升
2018/05/24 Javascript
vue中v-model的应用及使用详解
2018/06/27 Javascript
使用Nuxt.js改造已有项目的方法
2018/08/07 Javascript
JS 事件机制完整示例分析
2020/01/15 Javascript
JavaScript 双向链表操作实例分析【创建、增加、查找、删除等】
2020/04/28 Javascript
Python编程使用NLTK进行自然语言处理详解
2017/11/16 Python
python opencv 二值化 计算白色像素点的实例
2019/07/03 Python
django-初始配置(纯手写)详解
2019/07/30 Python
python+rsync精确同步指定格式文件
2019/08/29 Python
关于python的缩进规则的知识点详解
2020/06/22 Python
Python Celery异步任务队列使用方法解析
2020/08/10 Python
CSS3+HTML5+JS 实现一个块的收缩与展开动画效果
2020/11/17 HTML / CSS
HTML5 Canvas阴影使用方法实例演示
2013/08/02 HTML / CSS
英国骑行、跑步、游泳、铁人三项运动装备专卖店:Wiggle
2016/08/23 全球购物
马来西亚领先的在线礼品店:Giftr
2018/08/23 全球购物
值传递还是引用传递
2015/02/08 面试题
临床医学专业毕业生的自我评价
2013/10/17 职场文书
校园摄影活动策划方案
2014/02/05 职场文书
私人会所最新创业计划书范文
2014/03/24 职场文书
销售求职信范文
2014/05/26 职场文书
入党宣誓大会后的感想
2015/08/10 职场文书
四群教育工作总结
2015/08/10 职场文书