javascript中JSON.parse()与eval()解析json的区别


Posted in Javascript onMay 19, 2016

本文实例讲述了javascript中JSON.parse()与eval()解析json的区别。分享给大家供大家参考,具体如下:

JSON(JavaScript Object Notation)是一种轻量级的数据格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是Javascript原生格式,这意味着在javascript中处理JSON数据

基本格式:

varjsonData='{"data1":"Hello,","data2":"world!"}'

调用方法jsonData.data1,jsonData.data2

很多json数据存入数组

var jsonData=[
 {"name":"LiLei","age":19,"sex":"male"},
 {"name":"HanMei","age":18,"sex":"famale"}
]

调用方法jsonData[0].name,jsonData[1].sex

总体而言,json是相对比较容易的理解和使用的,但同时存在很多的陷阱,如果不注意的话很容易掉进去。

json的的解析方法

json的解析方法共有两种:eval() 和 JSON.parse(),使用方法如下:

var jsonData = '{"data1":"Hello,", "data2":"world!}';
var evalJson=eval('('+jsonData+')');
var jsonParseJson=JSON.parse(jsonData);

这样就把jsonData这个json格式的字符串转换成了JSON对象。

二者的区别如下:

var value = 1;
var jsonstr = '{"data1":"hello","data2":++value}';
var data1 = eval_r('('+jsonstr+')');
console.log(data1);//这时value值为2
var data2=JSON.parse(jsonstr);
console.log(data2);//报错

javascript中JSON.parse()与eval()解析json的区别

可以看到控制输出台的结果,第一个eval()顺利执行,第二个报错了。从上例就可以明显地看出,eval在解析字符串时,会执行该字符串中的代码(这样的后果是相当恶劣的),如上例中,由于用eval解析一个json字符串而造成原先的value的值改变。

《高性能Javascript》(本站下载地址:https://3water.com/books/36680.html)一书即指出:

警告:关于JSON和eval需要注意的是:在代码中使用eval是很危险的,特别是用它执行第三方的JSON数据(其中可能包含恶意代码)时,尽可能使用JSON.parse()方法解析字符串本身。该方法可以捕捉JSON中的语法错误,并允许你传入一个函数,用来过滤或转换解析结果。如果此方法以备Firfox 3.5 、IE8 及 Safari 4 原生支持。大多数javascript类库包含的JSON解析代码会直接调用原生版本,如果没有原生支持的话,会调用一个略微不那么强大的非原生版本来处理。

更多关于JavaScript相关内容可查看本站专题:《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
js截取函数(indexOf,join等)
Sep 01 Javascript
jQuery下扩展插件和拓展函数的写法(匿名函数使用的典型例子)
Oct 20 Javascript
使用js修改客户端注册表的方法
Aug 09 Javascript
jQuery快速上手:写jQuery与直接写JS的区别详细解析
Aug 26 Javascript
JavaScript中的包装对象介绍
Jan 27 Javascript
js中的内部属性与delete操作符介绍
Aug 10 Javascript
Bootstrap每天必学之导航
Nov 26 Javascript
js根据手机客户端浏览器类型,判断跳转官网/手机网站多个实例代码
Apr 30 Javascript
原生js仿jquery一些常用方法(必看篇)
Sep 20 Javascript
jQuery插件HighCharts绘制的基本折线图效果示例【附demo源码下载】
Mar 07 Javascript
深入理解JS中Number(),parseInt(),parseFloat()三者比较
Aug 24 Javascript
vue-router中hash模式与history模式的区别
Jun 23 Vue.js
js获取Html元素的实际宽度高度的方法
May 19 #Javascript
js获取隐藏元素宽高的实现方法
May 19 #Javascript
jquery实现无刷新验证码的简单实例
May 19 #Javascript
AngularJs解决跨域问题案例详解(简单方法)
May 19 #Javascript
JavaScript:Array类型全面解析
May 19 #Javascript
JavaScript:Date类型全面解析
May 19 #Javascript
javascript中对Date类型的常用操作小结
May 19 #Javascript
You might like
php实现网站插件机制的方法
2009/11/10 PHP
详解WordPress中创建和添加过滤器的相关PHP函数
2015/12/29 PHP
php使用parse_str实现查询字符串解析到变量中的方法
2017/02/17 PHP
简单的Jquery遮罩层代码实例
2013/11/14 Javascript
javascript模拟地球旋转效果代码实例
2013/12/02 Javascript
jquery使用animate方法实现控制元素移动
2015/03/27 Javascript
AngularJS使用ng-options指令实现下拉框
2016/08/23 Javascript
深入理解Node.js中的进程管理
2017/03/13 Javascript
JS正则验证多个邮箱完整实例【邮箱用分号隔开】
2017/04/19 Javascript
微信小程序 开发之全局配置
2017/05/05 Javascript
Vue.js 2.0和Cordova开发webApp环境搭建方法
2018/02/26 Javascript
vue 实现类似淘宝星级评分的示例
2018/03/01 Javascript
js的各种数据类型判断的介绍
2019/01/19 Javascript
ES6中的迭代器、Generator函数及Generator函数的异步操作方法
2019/05/12 Javascript
VUE动态生成word的实现
2020/07/26 Javascript
JavaScript实现雪花飘落效果
2020/12/27 Javascript
MySQLdb ImportError: libmysqlclient.so.18解决方法
2014/08/21 Python
python处理图片之PIL模块简单使用方法
2015/05/11 Python
Django处理文件上传File Uploads的实例
2018/05/28 Python
Python二进制串转换为通用字符串的方法
2018/07/23 Python
linux下安装python3和对应的pip环境教程详解
2019/07/01 Python
python从list列表中选出一个数和其对应的坐标方法
2019/07/20 Python
pytorch 模型可视化的例子
2019/08/17 Python
Pytorch之parameters的使用
2019/12/31 Python
python3跳出一个循环的实例操作
2020/08/18 Python
Python列表元素删除和remove()方法详解
2021/01/04 Python
解决selenium+Headless Chrome实现不弹出浏览器自动化登录的问题
2021/01/09 Python
Html5 Geolocation获取地理位置信息实例
2016/12/09 HTML / CSS
YSL Beauty加拿大官方商城:圣罗兰美妆加拿大
2017/05/15 全球购物
行政前台岗位职责
2013/12/04 职场文书
法人委托书范本
2014/04/04 职场文书
活动总结怎么写
2014/04/28 职场文书
酒店管理失职检讨书
2014/09/16 职场文书
先进事迹材料怎么写
2014/12/30 职场文书
暑假开始了,你的暑假学习计划写好了吗?
2019/07/04 职场文书
JS 基本概念详细介绍
2021/10/16 Javascript