JSON字符串和对象之间的转换详解


Posted in Javascript onMay 26, 2015

JSON(JavaScript Object Notation) 是JavaScript编程语言的一个子集。正因JSON是JavaScript的一个子集,所以它可清晰的运用于此语言中。

eval函数 JSON文本转换为对象

为了将JSON文本转换为对象,可以使用eval函数。eval函数调用JavaScript编辑器。由于JSON是JavaScript的子集,因此编译器将正确的解析文本并产生对象结构。文本必须括在括号中避免产生JavaScript的语法歧义。
var obj = eval('(' + JSONTest + ')');eval函数非常快速。它可以编译执行任何JavaScript程序,因此产生了安全性问题。当使用可信任与完善的源代码时才可以使用eval函数。这样可以更安全的解析JSON文本。使用XmlHttp的web应用,页面之间的通讯只允许同源,因此是可以信任的。但这却不是完善的。如果服务器没有严谨的JSON编码,或者没有严格的输入验证,那么可能传送包括危险脚本的无效JSON文本。eval函数将执行恶意的脚本。

JSON解释器 JSON.parse、JSON.stringify

使用JSON解析器可以防止像eval函数转换JSON文本为对象那样的安全隐患。JSON解析器只能辨识JSON文本,拒绝所有脚本。提供了本地JSON支持的浏览器的JSON解析器将远快于eval函数。

目前,Firefox、Opera、IE8以上版本也提供了本地JSON支持。其中,JSON解释器提供的函数有:JSON.parse、JSON.stringify。

对于那些并不提供本地JSON支持的浏览器可以引入脚本json2.js,来实现JSON转换功能。json2.js脚本可到https://github.com/douglascrockford/JSON-js/blob/master/json2.js页面下载。

JSON.parse 函数

将JSON文本转换为对象。
JSON.parse(text[, reviver])
参数
text
必选项。要转换为对象的JSON文本。
reviver
可选项。该参数是个替换函数。在转换中,遍历的每个节点,都将执行该函数,该函数的返回值将替代转换结果的相应节点值。

JSON.stringify 函数

将对象转换为JSON文本。
JSON.stringify(value[, replacer[, space]])
参数
text
必选项。要转换为JSON文本的对象。
reviver
可选项。该参数是个替换函数。在转换中,遍历的每个节点,都将执行该函数,该函数的返回值将替代转换结果的相应节点值。
space
可选项。格式化输出JSON文本缩进的空格数量。如果不提供该参数将不会格式化输出。
参数reviver的委托类型
reviver(key, value)
reviver函数的中的this是当前所遍历到的节点的父节点。当所遍历的是根节点的时候,父节点是个Object对象,根节点是该对象的一个属性,属性名是空字符串。
参数
key
当父节点是数组Object,key为数组索引,否则key为Object属性名。
value
节点值。
注:JSON不支持循环数据结构。

jQuery.parseJSON( jsonTex )

jQuery中也有将字符串转为JSON格式的方法jQuery.parseJSON( json ),接受一个标准格式的 JSON 字符串,并返回解析后的 JavaScript (JSON)对象。当然如果有兴趣可以自己封装一个jQuery扩展,jQuery.stringifyJSON(obj)将JSON转为字符串。

以上所述就是本文的全部内容了希望大家能够喜欢。

Javascript 相关文章推荐
用JavaScript和注册表脚本实现右键收藏Web页选中文本
Jan 28 Javascript
Extjs4 关于Store的一些操作(加载/回调/添加)
Apr 18 Javascript
JavaScript获取onclick、onchange等事件值的代码
Jul 22 Javascript
js实现简易的单数字随机抽奖(0-9)
Mar 19 Javascript
Node.js开发者必须了解的4个JS要点
Feb 21 Javascript
js简单实现图片延迟加载的方法
Jul 19 Javascript
JS获取鼠标位置距浏览器窗口距离的方法示例
Apr 11 Javascript
详解Node.js access_token的获取、存储及更新
Jun 20 Javascript
JS实现多张图片预览同步上传功能
Jun 23 Javascript
Vue头像处理方案小结
Jul 26 Javascript
javascript写一个ajax自动拦截并下载数据代码实例
Sep 07 Javascript
前端监听websocket消息并实时弹出(实例代码)
Nov 27 Javascript
Js和JQuery获取鼠标指针坐标的实现代码分享
May 25 #Javascript
Javascript实现飞动广告效果的方法
May 25 #Javascript
javascript自定义右键弹出菜单实现方法
May 25 #Javascript
JS+DIV实现鼠标划过切换层效果的方法
May 25 #Javascript
JavaScript实现仿网易通行证表单验证
May 25 #Javascript
js+cookies实现悬浮购物车的方法
May 25 #Javascript
手机开发必备技巧:javascript及CSS功能代码分享
May 25 #Javascript
You might like
一周让你学会PHP 不错的学习资料
2009/02/06 PHP
解析左右值无限分类的实现算法
2013/06/20 PHP
php生成短网址示例
2014/05/05 PHP
在PHP中输出JS语句以及乱码问题的解决方案
2019/02/13 PHP
laravel Model 执行事务的实现
2019/10/10 PHP
extjs 为某个事件设置拦截器
2010/01/15 Javascript
通过判断JavaScript的版本实现执行不同的代码
2010/05/11 Javascript
jquery 追加tr和删除tr示例代码
2013/09/12 Javascript
JQuery页面图片切换和新闻列表滚动效果的具体实现
2013/09/26 Javascript
Javascript冒泡排序算法详解
2014/12/03 Javascript
jQuery中scrollLeft()方法用法实例
2015/01/16 Javascript
jquery制作LED 时钟特效
2015/02/01 Javascript
浅析JavaScript事件和方法
2015/02/28 Javascript
nodeJS代码实现计算交社保是否合适
2015/03/09 NodeJs
JS实现跟随鼠标立体翻转图片的方法
2015/05/04 Javascript
jQuery中$.each()函数的用法引申实例
2016/05/12 Javascript
基于BootStrap环境写jQuery tabs插件
2016/07/12 Javascript
JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)
2016/08/02 Javascript
js数组去重的hash方法
2016/12/22 Javascript
微信小程序媒体组件详解(视频,音乐,图片)
2017/09/19 Javascript
Vue项目中使用Vux的安装过程
2018/05/01 Javascript
自己动手封装一个React Native多级联动
2018/09/19 Javascript
Vue源码探究之状态初始化
2018/11/14 Javascript
微信小程序实现渐入渐出动画效果
2019/06/13 Javascript
微信小程序封装分享与分销功能过程解析
2019/08/13 Javascript
微信公众号生成新浪短网址的实现(快速生成)
2019/08/18 Javascript
何时/使用 Vue3 render 函数的教程详解
2020/07/25 Javascript
vue打开子组件弹窗都刷新功能的实现
2020/09/21 Javascript
[01:59]翻天覆地,因你而变,7.20版本地图更新速览
2018/11/24 DOTA
PyQt5 加载图片和文本文件的实例
2019/06/14 Python
一份比较全的PHP面试题
2016/07/29 面试题
神路信息Java面试题目
2013/03/31 面试题
应用化学专业职业生涯规划书
2014/01/22 职场文书
优秀团支部事迹材料
2014/02/08 职场文书
酒店行政人事部经理职务说明书
2014/02/26 职场文书
python 自动化偷懒的四个实用操作
2021/04/11 Python