谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)


Posted in Javascript onOctober 01, 2015

在Firefox,chrome,opera,safari,ie9,ie8等高级浏览器直接可以用JSON对象的stringify()和parse()方法。

JSON.stringify(obj)将JSON转为字符串。JSON.parse(string)将字符串转为JSON格式;

var a={"name":"tom","sex":"男","age":"24"};
var aToStr = JSON.stringify(a);
alert(aToStr); //结果:{"name":"tom","sex":"男","age":"24"}

  结果:string

var b='{"name":"tom","sex":"男","age":"24"}';
var aToObj = JSON.parse(b); 
console.log(aToObj); //结果:Object {name: "tom", sex: "男", age: "24"}

结果:object

ie8(兼容模式),ie7和ie6没有JSON对象,不过http://www.json.org/提供了一个json.js,这样ie8(兼容模式),ie7和ie6就可以支持JSON对象以及其stringify()和parse()方法;

现在一般用json2.js,下载地址:点击此处。

在页面中添加就能解决IE低版本没有json对象的问题。

<script type="text/javascript" src="js/json2.js"></script>

PS: JSON的parse()和stringfy()方法

1.JSON.parse;

作用:将JavaScript对象表示法的JSON字符串转换为对象(字符串转对象)

语法:JSON.parse(text [, reviver])

text 必选。 一个有效的 JSON 字符串。

reviver 可选。 一个转换结果的函数。 将为对象的每个成员调用此函数。

返回值:JSON对象

实例:

var jsonStr = '{"name":"leinov","sex":"famle","address":"beijing"}'
var jsonObj = JSON.parse(jsonStr);
alert(typeof jsonObj); //Object

2.JSON.stringify

作用:将 JavaScript json对象转换为JavaScript对象表示法的JSON字符串(对象转为字符串)

语法:JSON.stringify(value [, replacer] [, space]);

value 必选 通常为对象或数组

replacer 可选转换结果的函数或数组

space 可选。 添加缩进、空白和换行符来返回值 JSON 文本更便于阅读。

         如果省略 space,返回值文本生成,没有任何额外的空白。

         如果 space 是数字,则返回值具有空白的文本缩进指定数目在每个级别的。 如果 space 大于 10 时,文本缩进 10 个空白。

         如果 space 为非空字符串,如“\t”,返回值文本缩进与字符串的字符在每个级别。

         如果 space 为大于 10 个字符的字符串,使用前 10 个字符。

返回值:JSON 包含的文本字符串。

实例:

var student = new Object();
student.name = "leinov";
student.sex = "famle";
student.address = "chaoyang";
var jsonStudent = JSON.stringify(student);
alert(typeof jsonStudent); //string
Javascript 相关文章推荐
动态改变textbox的宽高的js
Oct 26 Javascript
js实现简洁的TAB滑动门效果代码
Sep 06 Javascript
学习使用jquery iScroll.js移动端滚动条插件
Mar 24 Javascript
JavaScript中0和&quot;&quot;比较引发的问题
May 26 Javascript
Bootstrap3 datetimepicker控件使用实例
Dec 13 Javascript
微信小程序后台解密用户数据实例详解
Jun 28 Javascript
js获取文件里面的所有文件名(实例)
Oct 17 Javascript
浅谈Postman解决token传参的问题
Mar 31 Javascript
ionic+html5+API实现双击返回键退出应用
Sep 17 Javascript
Vue组件间的通信pubsub-js实现步骤解析
Mar 11 Javascript
如何在Vue.JS中使用图标组件
Aug 04 Javascript
vue2的 router在使用过程中遇到的一些问题
Apr 13 Vue.js
通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法
Oct 01 #Javascript
基于OL2实现百度地图ABCD marker的效果
Oct 01 #Javascript
JS处理json日期格式化问题
Oct 01 #Javascript
JS日期格式化之javascript Date format
Oct 01 #Javascript
详解JavaScript对Date对象的操作问题(生成一个倒数7天的数组)
Oct 01 #Javascript
RequireJS入门一之实现第一个例子
Sep 30 #Javascript
基于jQuery Bar Indicator 插件实现进度条展示效果
Sep 30 #Javascript
You might like
一个捕获函数输出的函数
2007/02/14 PHP
PHP 上传文件的方法(类)
2009/07/30 PHP
PHP 飞信好友免费短信API接口开源版
2010/07/22 PHP
php 保留字列表
2012/10/04 PHP
thinkPHP的Html模板标签使用方法
2012/11/13 PHP
利用php递归实现无限分类 格式化数组的详解
2013/06/08 PHP
析构函数与php的垃圾回收机制详解
2013/10/28 PHP
10个实用的PHP正则表达式汇总
2014/10/23 PHP
PHP session文件独占锁引起阻塞问题解决方法
2015/05/12 PHP
PHP的Yii框架中View视图的使用进阶
2016/03/29 PHP
laradock环境docker-compose操作详解
2019/07/29 PHP
php中get_object_vars()在数组的实例用法
2021/02/22 PHP
ExtJS 2.0实用简明教程 之Ext类库简介
2009/04/29 Javascript
js 替换功能函数,用正则表达式解决,js的全部替换
2010/12/08 Javascript
用js获取电脑信息(是使用与IE浏览器)
2013/01/15 Javascript
Javascript动态引用CSS文件的2种方法介绍
2014/06/06 Javascript
jQuery 如何给Carousel插件添加新的功能
2016/04/18 Javascript
jQuery.ajax实现根据不同的Content-Type做出不同的响应
2016/11/03 Javascript
详解vue2.0组件通信各种情况总结与实例分析
2017/03/22 Javascript
Angular2 组件通信的实例代码
2017/06/23 Javascript
Webpack4+Babel7+ES6兼容IE8的实现
2019/04/10 Javascript
Python+matplotlib实现计算两个信号的交叉谱密度实例
2018/01/08 Python
ubuntu系统下使用pm2设置nodejs开机自启动的方法
2018/05/12 NodeJs
Python实现base64编码的图片保存到本地功能示例
2018/06/22 Python
python实现nao机器人身体躯干和腿部动作操作
2019/04/29 Python
使用 Python 处理 JSON 格式的数据
2019/07/22 Python
解决Python命令行下退格,删除,方向键乱码(亲测有效)
2020/01/16 Python
python中turtle库的简单使用教程
2020/11/11 Python
全面介绍python中很常用的单元测试框架unitest
2020/12/14 Python
阿迪达斯比利时官方商城:adidas比利时
2016/10/10 全球购物
您在慕尼黑的跑步商店:Lauf-bar
2019/10/11 全球购物
C#可否对内存进行直接的操作
2015/02/26 面试题
声乐专业大学生职业生涯规划书:理想的未来需要自己去打造
2014/09/20 职场文书
领导班子奢靡之风查摆问题及整改措施
2014/09/27 职场文书
故意杀人罪辩护词
2015/05/21 职场文书
JavaScript文档对象模型DOM
2021/11/20 Javascript