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 相关文章推荐
简单的js分页脚本
May 21 Javascript
JQuery 操作select标签实现代码
May 14 Javascript
Javascript 类型转换方法
Oct 24 Javascript
jquery1.10给新增元素绑定事件的方法
Mar 06 Javascript
跟我学习javascript的this关键字
May 28 Javascript
简要了解jQuery移动web开发的响应式布局设计
Dec 04 Javascript
AngularJS的ng-repeat指令与scope继承关系实例详解
Jan 21 Javascript
原生Aajax 和jQuery Ajax 写法个人总结
Mar 24 jQuery
详解vue中computed 和 watch的异同
Jun 30 Javascript
jQuery 1.9版本以上的浏览器判断方法代码分享
Aug 28 jQuery
vue.js项目 el-input 组件 监听回车键实现搜索功能示例
Aug 25 Javascript
node-red File读取好保存实例讲解
Sep 11 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 max_execution_time执行时间问题
2011/07/17 PHP
set_exception_handler函数在ThinkPHP中的用法
2014/10/31 PHP
JavaScript Event学习第八章 事件的顺序
2010/02/07 Javascript
JS函数验证总结(方便js客户端输入验证)
2010/10/29 Javascript
javascript 数组排序函数sort和reverse使用介绍
2013/11/21 Javascript
JS使用ajax从xml文件动态获取数据显示的方法
2015/03/24 Javascript
微信小程序 input输入框控件详解及实例(多种示例)
2016/12/14 Javascript
详解Angular之constructor和ngOnInit差异及适用场景
2017/06/22 Javascript
jQuery的时间datetime控件在AngularJs中的使用实例(分享)
2017/08/17 jQuery
vue.js todolist实现代码
2017/10/29 Javascript
vue实现图片滚动的示例代码(类似走马灯效果)
2018/03/03 Javascript
JS实现table表格内针对某列内容进行即时搜索筛选功能
2018/05/11 Javascript
vue实现微信分享功能
2018/11/28 Javascript
jquery获取img的src值实例介绍
2019/01/16 jQuery
vue-cli3+typescript初体验小结
2019/02/28 Javascript
小程序登录之支付宝授权的实现示例
2019/12/13 Javascript
利用Vue的v-for和v-bind实现列表颜色切换
2020/07/17 Javascript
[05:09]第二届DOTA2亚洲邀请赛决赛日比赛集锦:iG 3:0 OG夺冠
2017/04/05 DOTA
在Python中操作字符串之startswith()方法的使用
2015/05/20 Python
Python 模块EasyGui详细介绍
2017/02/19 Python
如何在python字符串中输入纯粹的{}
2018/08/22 Python
python将txt文档每行内容循环插入数据库的方法
2018/12/28 Python
对pyqt5之menu和action的使用详解
2019/06/20 Python
利用Python复制文件的9种方法总结
2019/09/02 Python
在django-xadmin中APScheduler的启动初始化实例
2019/11/15 Python
Python面向对象编程基础实例分析
2020/01/17 Python
Python日志:自定义输出字段 json格式输出方式
2020/04/27 Python
全球知名提供各类营养保健品的零售商:Vitamin Shoppe
2016/10/09 全球购物
最新教师自我评价分享
2013/11/12 职场文书
餐饮加盟计划书
2014/01/10 职场文书
蓝颜请假条
2014/04/11 职场文书
小学学雷锋活动总结
2014/04/25 职场文书
英文演讲稿
2014/05/15 职场文书
幼儿园社区活动总结
2014/07/07 职场文书
党员个人对照检查材料
2014/10/01 职场文书
MySQL常见优化方案汇总
2022/01/18 MySQL