JSON在Javascript中的使用（eval和JSON.parse的区别）

悠悠 2022-06-09 11:24 251阅读 0赞

JSON 和XML比较  
json的长度和xml比起来更加短小  
json读取速度更快  
json可以使用javascript的内置方法直接进行解析，转化成Javascript对象，非常方便。  
在Javascript使用eval将接送转化为json对象

var jsonData = '{"persons":{"name":"成龙","age":58},{"name":"吴京","age":33},"name":"甄子丹","age":44}';
    
    var jsonObj = eval('('+jsonData+')');
    //访问json对象数组的第一个对象的name属性
    console.log(jsonObj.persons[0].name);

在Javascript使用JSON.parse将接送转化为json对象

var jsonData = '{"persons":{"name":"成龙","age":58},{"name":"吴京","age":33},"name":"甄子丹","age":44}';
    
    var jsonObj = JSON.parse(jsonData);
    //访问json对象数组的第一个对象的name属性
    console.log(jsonObj.persons[0].name);

但是eval方法很不安全，例如：

var jsonData = '{"persons":{"name":"成龙","age":window.alert(123)},{"name":"吴京","age":33},"name":"甄子丹","age":44}';
    
    var jsonObj = eval('('+jsonData+')');
    //访问json对象数组的第一个对象的name属性
    console.log(jsonObj.persons[0].name);

将age的值换成了Javascript代码，依然可以解析，加入有人恶意修改这个代码，那么就会造成严重后果。

但是JSON.parse不同

var jsonData = '{"persons":{"name":"成龙","age":window.alert(123)},{"name":"吴京","age":33},"name":"甄子丹","age":44}';
    
    var jsonObj = JSON.parse(jsonData);
    //访问json对象数组的第一个对象的name属性
    console.log(jsonObj.persons[0].name);

浏览器会检查出json中的不合理的代码，并报告错误  
所以推荐使用JSON.parse

发表评论取消回复

表情：

评论列表（有 0 条评论，251人围观）

还没有评论，来说两句吧...

相关阅读

相关 javaScript中JSON.parse函数和eval函数的区别

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUw

朱雀/ 2023年07月17日 07:24/ 0 赞/ 158 阅读

相关 javaScript中eval()函数和JSON.parse()函数

[JavaScript中eval()函数][JavaScript_eval] ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_t

喜欢ヅ旅行/ 2022年11月15日 11:53/ 0 赞/ 284 阅读

相关 javascript eval和JSON之间的联系

eval函数的工作原理 eval函数会评估一个给定的含有JavaScript代码的字符串，并且试图去执行包含在字符串里的表达式或者一系列的合法的JavaScript语句。ev

阳光穿透心脏的1/2处/ 2022年09月18日 11:52/ 0 赞/ 166 阅读

相关 JavaScript中eval()和$.parseJSON()的区别和联系以及JSON.stringify()的区别

JavaScript中eval()和$.parseJSON()的区别和联系以及JSON.stringify()的区别一、第一个区别是：安全性 json格式非常受欢

快来打我*/ 2022年08月29日 09:41/ 0 赞/ 207 阅读

相关 python中使用eval() 和 ast.literal_eval()的区别

eval函数在python中做数据类型的转换还是很有用的。它的作用就是把数据还原成它本身或者是能够转化成的数据类型。那么eval和ast.literal\_val()的区别

╰+攻爆jí腚メ/ 2022年08月08日 06:43/ 0 赞/ 283 阅读

相关在Javascript中Eval函数的使用

JavaScript有许多小窍门来使编程更加容易。其中之一就是eval()函数，这个函数可以把一个字符串当作一个JavaScript表达式一样去执行它。举个小例子 ![Non

约定不等于承诺〃/ 2022年08月07日 07:41/ 0 赞/ 205 阅读

相关 JSON在Javascript中的使用（eval和JSON.parse的区别）

JSON 和XML比较 json的长度和xml比起来更加短小 json读取速度更快 json可以使用javascript的内置方法直接进行解析，转化成Javascr

悠悠/ 2022年06月09日 11:24/ 0 赞/ 252 阅读

相关 eval()和JSON.parse()的区别

1、eval（）代码如下： var data = '{"student" : [{"name":"鸣人","age":17}, {"name":"小樱","age":

淡淡的烟草味﹌/ 2022年05月27日 13:15/ 0 赞/ 188 阅读

相关在Javascript中Eval函数的使用

【eval()函数】 JavaScript有许多小窍门来使编程更加容易。其中之一就是eval()函数，这个函数可以把一个字符串当作一个JavaSc

素颜马尾好姑娘i/ 2022年01月11日 11:59/ 0 赞/ 584 阅读

相关 JSON.parse与eval的区别

JSON.parse与eval和能将一个字符串解析成一个JSON对象，但还是有挺大区别。测试代码 ![复制代码][copycode.gif] var A = "

清疚/ 2021年09月15日 07:54/ 0 赞/ 388 阅读