javascript JSON.parse和eval的区别

Question

javascript JSON.parse和eval的区别

Answer 1

JSON.parse()用来将标准json字符串转换成js对象；
eval()除了可以将json字符串（非标准的也可以，没有JSON.parse()要求严格）转换成js对象外还能用来动态执行js代码。
例如：JSON.parse('{"name":"张三"}')能被成功转换，但是JSON.parse('{name:"张三"}')、JSON.parse('{\'name\':"张三"}')和JSON.parse('{"name":\'张三\'}')都是不能转换的；然而后面那三个可用用eval()来转换；另外eval()还能执行js代码，如：eval('alert("你好！")');

Answer 2

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);//报错

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