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中的事件
Sep 23 Javascript
Javascript实现的分页函数
Feb 07 Javascript
jQuery的运行机制和设计理念分析
Apr 05 Javascript
JavaScript仿支付宝6位数字密码输入框
Dec 29 Javascript
URL中“#” “?” &“”号的作用浅析
Feb 04 Javascript
激动人心的 Angular HttpClient的源码解析
Jul 10 Javascript
vue3.0 CLI - 2.5 - 了解组件的三维
Sep 14 Javascript
d3绘制基本的柱形图的实现代码
Dec 12 Javascript
koa2 从入门到精通(小结)
Jul 23 Javascript
ES6 proxy和reflect的使用方法与应用实例分析
Feb 15 Javascript
微信小程序pinker组件使用实现自动相减日期
May 07 Javascript
Vue 禁用浏览器的前进后退操作
Sep 04 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 JSON中文乱码的解决方法详解
2013/06/06 PHP
PHP页面间参数传递的四种方法详解
2013/06/09 PHP
PHP编译configure时常见错误的总结
2017/08/17 PHP
Jquery对select的增、删、改、查操作
2015/02/06 Javascript
javascript制作sql转换为stringBuffer的小工具
2015/04/03 Javascript
jQuery带进度条全屏图片轮播特效代码分享
2020/06/28 Javascript
让图片跳跃起来  javascript图片轮播特效
2016/02/16 Javascript
JS简单测试循环运行时间的方法
2016/09/04 Javascript
详谈Ajax请求中的async:false/true的作用(ajax 在外部调用问题)
2017/02/10 Javascript
WebSocket实现简单客服聊天系统
2017/05/12 Javascript
利用pm2部署多个node.js项目的配置教程
2017/10/22 Javascript
JS实现的集合去重,交集,并集,差集功能示例
2018/03/13 Javascript
vue用递归组件写树形控件的实例代码
2018/07/19 Javascript
脚手架vue-cli工程webpack的基本用法详解
2018/09/29 Javascript
Layui实现主窗口和Iframe层参数传递
2019/11/14 Javascript
JavaScript async/await原理及实例解析
2020/12/02 Javascript
[01:24:51]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS NewBee第二场
2014/05/26 DOTA
[01:14:41]DOTA2-DPC中国联赛定级赛 iG vs Magma BO3第一场 1月8日
2021/03/11 DOTA
Python工程师面试题 与Python基础语法相关
2016/01/14 Python
Win10下python 2.7.13 安装配置方法图文教程
2018/09/18 Python
twilio python自动拨打电话,播放自定义mp3音频的方法
2019/08/08 Python
使用 Python 清理收藏夹里已失效的网站
2019/12/03 Python
Python通过zookeeper实现分布式服务代码解析
2020/07/22 Python
传统HTML页面实现模块化加载的方法
2018/10/15 HTML / CSS
英国复古和经典球衣网站:Vintage Football Shirts
2018/10/05 全球购物
软件测试常见笔试题
2012/02/04 面试题
跟单文员岗位职责
2014/01/03 职场文书
《黄河颂》教学反思
2014/02/07 职场文书
岗位职责风险点
2014/03/12 职场文书
希特勒的演讲稿
2014/05/23 职场文书
庆祝教师节演讲稿
2014/09/03 职场文书
2015年艾滋病宣传活动总结
2015/03/27 职场文书
卢旺达饭店观后感
2015/06/05 职场文书
中学政教处工作总结
2015/08/13 职场文书
小学英语教师研修感悟
2015/11/18 职场文书
pytorch中Schedule与warmup_steps的用法说明
2021/05/24 Python