作者：Cher麻花 | 来源：互联网 | 2023-10-12 14:55
本文实例讲述了javascript中JSON.parse()与eval()解析json的区别。分享给大家供大家参考，具体如下：JSON(JavaScriptObjectNotation)
本文实例讲述了Javascript中JSON.parse()与eval()解析json的区别。分享给大家供大家参考，具体如下：
JSON(Javascript Object Notation)是一种轻量级的数据格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是Javascript原生格式，这意味着在Javascript中处理JSON数据
基本格式：
?
|
1
|
varjsOnData=
'{"data1":"Hello,","data2":"world!"}'
|
调用方法jsonData.data1,jsonData.data2
很多json数据存入数组
?
|
1
2
3
4
|
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()，使用方法如下：
?
|
1
2
3
|
var
jsOnData= '{"data1":"Hello,", "data2":"world!}'
;
var
evalJson=eval('('
+jsonData+
')'
);
var
jsOnParseJson=JSON.parse(jsonData);
|
这样就把jsonData这个json格式的字符串转换成了JSON对象。
二者的区别如下：
?
|
1
2
3
4
5
6
|
var
value = 1;
var
jsOnstr= '{"data1":"hello","data2":++value}'
;
var
data1 = eval_r('('
+jsonstr+
')'
);
console.log(data1);
var
data2=JSON.parse(jsonstr);
console.log(data2);
|
可以看到控制输出台的结果，第一个eval()顺利执行，第二个报错了。从上例就可以明显地看出，eval在解析字符串时，会执行该字符串中的代码（这样的后果是相当恶劣的），如上例中，由于用eval解析一个json字符串而造成原先的value的值改变。
《高性能Javascript》（本站下载地址：http://www.jb51.net/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程序设计有所帮助。
京公网安备 11010802041100号