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 相关文章推荐
mapper--图片热点区域高亮组件官方站点
Dec 22 Javascript
让FireFox支持innerText的实现代码
Dec 01 Javascript
jquery 定位input元素的几种方法小结
Jul 28 Javascript
js获取checkbox复选框选中的选项实例
Aug 24 Javascript
深入理解JavaScript系列(43):设计模式之状态模式详解
Mar 04 Javascript
JavaScript String(字符串)对象的简单实例(推荐)
Aug 31 Javascript
jQuery基于ajax方式实现用户名存在性检查功能示例
Feb 10 Javascript
javascript自定义事件功能与用法实例分析
Nov 08 Javascript
vue.js单文件组件中非父子组件的传值实例
Sep 13 Javascript
elementUI select组件使用及注意事项详解
May 29 Javascript
vue-cli3使用mock数据的方法分析
Mar 16 Javascript
vue data变量相互赋值后被实时同步的解决步骤
Aug 05 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 类相关函数的使用详解
2013/05/10 PHP
Win2003+apache+PHP+SqlServer2008 配置生产环境
2014/07/29 PHP
PHP使用ob_start生成html页面的方法
2014/11/07 PHP
写的htc的数据表格
2007/01/20 Javascript
用Javascript评估用户输入密码的强度实现代码
2011/11/30 Javascript
JS 实现Json查询的方法实例
2013/04/12 Javascript
jQuery使用after()方法在元素后面添加多项内容的方法
2015/03/26 Javascript
jQuery中toggle()函数的使用实例
2015/04/17 Javascript
AngularJS的表单使用详解
2015/06/17 Javascript
CSS3实现动态背景登录框的代码
2015/07/28 Javascript
详解Matlab中 sort 函数用法
2016/03/20 Javascript
js自调用匿名函数的三种写法(推荐)
2016/08/19 Javascript
JS简单实现禁止访问某个页面的方法
2016/09/13 Javascript
浅谈react.js 之 批量添加与删除功能
2017/04/17 Javascript
JavaScript仿微信(电话)联系人列表滑动字母索引实例讲解(推荐)
2017/08/16 Javascript
在Create React App中使用CSS Modules的方法示例
2019/01/15 Javascript
jQuery HTML css()方法与css类实例详解
2020/05/20 jQuery
VUE UPLOAD 通过ACTION返回上传结果操作
2020/09/07 Javascript
Python二叉树的定义及常用遍历算法分析
2017/11/24 Python
Python实现求数列和的方法示例
2018/01/12 Python
详解python使用pip安装第三方库(工具包)速度慢、超时、失败的解决方案
2018/12/02 Python
python实现感知机线性分类模型示例代码
2019/06/02 Python
python程序变成软件的实操方法
2019/06/24 Python
python监控nginx端口和进程状态
2019/09/06 Python
使用python的turtle绘画滑稽脸实例
2019/11/21 Python
python 实现让字典的value 成为列表
2019/12/16 Python
python matplotlib实现将图例放在图外
2020/04/17 Python
python Tornado框架的使用示例
2020/10/19 Python
利用CSS3伪元素实现逐渐发光的方格边框
2017/05/07 HTML / CSS
工业学校毕业生自荐信范文
2014/01/03 职场文书
争先创优活动总结
2014/08/27 职场文书
2014城乡环境综合治理工作总结
2014/12/19 职场文书
青年教师个人总结
2015/02/11 职场文书
2016党员三严三实心得体会
2016/01/15 职场文书
导游词之沈阳植物园
2019/11/30 职场文书
Hive导入csv文件示例
2022/06/25 数据库