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和jquery批量绑定事件传参数一(新猪猪原创)
Jun 23 Javascript
在HTML中插入JavaScript代码的示例
Jun 03 Javascript
js中unicode转码方法详解
Oct 09 Javascript
移动端滑动插件Swipe教程
Oct 16 Javascript
基于JavaScript实现自定义滚动条
Jan 25 Javascript
vue数据双向绑定的注意点
Jun 23 Javascript
面包屑导航详解
Dec 07 Javascript
详解webpack 打包文件体积过大解决方案(code splitting)
Apr 10 Javascript
Layui实现数据表格默认全部显示(不要分页)
Oct 26 Javascript
JavaScript 面向对象程序设计详解【类的创建、实例对象、构造函数、原型等】
May 12 Javascript
vue-video-player视频播放器使用配置详解
Oct 23 Javascript
在vue中使用vant TreeSelect分类选择组件操作
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
学习php分页代码实例
2013/10/24 PHP
PHP访问Google Search API的方法
2015/03/05 PHP
PHP检测链接是否存在的代码实例分享
2016/05/06 PHP
PHP中Socket连接及读写数据超时问题分析
2016/07/19 PHP
实例讲解PHP页面静态化
2018/02/05 PHP
javascript实现二分查找法实现代码
2007/11/12 Javascript
js判断字符是否是汉字的两种方法小结
2014/01/03 Javascript
一个Action如何调用两个不同的方法
2014/05/22 Javascript
关于JavaScript中name的意义冲突示例介绍
2014/05/29 Javascript
javascript检测浏览器的缩放状态实现代码
2014/09/28 Javascript
Angularjs基础知识及示例汇总
2015/01/22 Javascript
JavaScript列表框listbox全选和反选的实现方法
2015/03/18 Javascript
JavaScript html5 canvas画布中删除一个块区域的方法
2016/01/26 Javascript
Vue之mixin全局的用法详解
2018/08/22 Javascript
js实现掷骰子小游戏
2019/10/24 Javascript
vue 输入电话号码自动按3-4-4分割功能的实现代码
2020/04/30 Javascript
实例分析javascript中的异步
2020/06/02 Javascript
在Debian下配置Python+Django+Nginx+uWSGI+MySQL的教程
2015/04/25 Python
Python极简代码实现杨辉三角示例代码
2016/11/15 Python
Python将多份excel表格整理成一份表格
2018/01/03 Python
在Django的View中使用asyncio的方法
2019/07/12 Python
Django Rest framework解析器和渲染器详解
2019/07/25 Python
Python Django搭建网站流程图解
2020/06/13 Python
win10安装python3.6的常见问题
2020/07/01 Python
Python安装并操作redis实现流程详解
2020/10/13 Python
python 多进程和协程配合使用写入数据
2020/10/30 Python
HTML5 Canvas 破碎重组的视频特效的示例代码
2019/09/24 HTML / CSS
美国珠宝网上商店:Jeulia
2016/09/01 全球购物
Omio西班牙:全欧洲低价大巴、火车和航班搜索和比价
2017/02/11 全球购物
韩国演唱会订票网站:StubHub韩国
2019/01/17 全球购物
马德里运动鞋商店:Nigra Mercato
2020/02/16 全球购物
公路绿化方案
2014/05/12 职场文书
地理信息科学专业推荐信
2014/09/08 职场文书
2015年学校图书室工作总结
2015/05/19 职场文书
外出培训学习心得体会
2016/01/18 职场文书
《为人民服务》教学反思
2016/02/20 职场文书