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 相关文章推荐
用jscript实现新建word文档
Jun 15 Javascript
多个表单中如何获得这个文件上传的网址实现js代码
Mar 25 Javascript
JavaScript实现算术平方根算法-代码超简单
Sep 11 Javascript
原生javascript实现匀速运动动画效果
Feb 26 Javascript
JS实现仿PS的调色板效果完整实例
Dec 21 Javascript
jquery.uploadView 实现图片预览上传功能
Aug 10 jQuery
详解Angular结合zTree异步加载节点数据
Jan 20 Javascript
详解.vue文件中style标签的几个标识符
Jul 17 Javascript
Angular5集成eventbus的示例代码
Jul 19 Javascript
element-ui组件中input等的change事件中传递自定义参数
May 22 Javascript
layui当点击文本框时弹出选择框,显示选择内容的例子
Sep 02 Javascript
JS原型对象操作实例分析
Jun 06 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
从零开始的异世界生活:第二季延期后,B站上架了第二部剧场版
2020/05/06 日漫
php简单的留言板与回复功能具体实现
2014/02/19 PHP
thinkPHP5.1框架使用SemanticUI实现分页功能示例
2019/08/03 PHP
用js获取电脑信息(是使用与IE浏览器)
2013/01/15 Javascript
extjs每个组件要设置唯一的ID否则会出错
2014/06/15 Javascript
Javascript中的call()方法介绍
2015/03/15 Javascript
JavaScript对Cookie进行读写操作实例
2015/07/25 Javascript
js表单提交和submit提交的区别实例分析
2015/12/10 Javascript
js仿支付宝多方框输入支付密码效果
2016/09/27 Javascript
微信小程序 获取javascript 里的数据
2017/08/17 Javascript
Grunt针对静态文件的压缩,版本控制打包的实例讲解
2017/09/29 Javascript
Vue全家桶实践项目总结(推荐)
2017/11/04 Javascript
JavaScript中常见内置函数用法示例
2018/05/14 Javascript
新手入门带你学习JavaScript引擎运行原理
2019/06/24 Javascript
Vue微信公众号网页分享的示例代码
2020/05/28 Javascript
如何使用gpu.js改善JavaScript的性能
2020/12/01 Javascript
vue keep-alive的简单总结
2021/01/25 Vue.js
[08:07]DOTA2每周TOP10 精彩击杀集锦vol.8
2014/06/25 DOTA
Python的subprocess模块总结
2014/11/07 Python
Python基于csv模块实现读取与写入csv数据的方法
2018/01/18 Python
python学习之hook钩子的原理和使用
2018/10/25 Python
python自定义线程池控制线程数量的示例
2019/02/22 Python
前端面试必备之html5的新特性
2017/09/05 HTML / CSS
标签和贴纸印刷:Lightning Labels
2018/03/22 全球购物
美国全球旅游运营商:Pacific Holidays
2018/06/18 全球购物
大学生水果店创业计划书
2014/01/28 职场文书
户外用品商店创业计划书
2014/01/29 职场文书
《走一步再走一步》教学反思
2014/02/15 职场文书
2014年领班工作总结
2014/11/25 职场文书
检讨书范文500字
2015/01/28 职场文书
2015教师年度工作总结范文
2015/04/07 职场文书
土建施工员岗位职责
2015/04/11 职场文书
新农村建设指导员工作总结
2015/08/13 职场文书
交通安全宣传标语(100条)
2019/08/22 职场文书
基于Python实现对比Exce的工具
2022/04/07 Python
MySQL数据库 任意ip连接方法
2022/05/20 MySQL