转载

JSON.parse 与 eval() 对于解析json的问题

1.eval()与JSOn.parse的不同

eval()

    var c = 1; //全局变量      var jsonstr1 = '{"name":"a","company":"b","value":++c}';        var json1 = eval('(' + jsonstr1 + ')');         console.log(json1.value);

c是全局变量为1，但是经过eval的解析，全局变量变成了2！（这样的写法是危险的）

JSON.parse

    var c = 1; //全局变量      var jsonstr1 = '{"name":"a","company":"b","value":++c}';      var json2 = JSON.parse(jsonstr1);      console.log(json2.value);

IE下报错： JSON.parse 与 eval() 对于解析json的问题

谷歌下报错： JSON.parse 与 eval() 对于解析json的问题

而JSON.parse则会报错。

2.在++c中加上双引号则就可以，因为它变成字符串了。

 var c = 1; //全局变量      var jsonstr1 = '{"name":"a","company":"b","value":“++c”}';      var json2 = JSON.parse(jsonstr1);      console.log(json2.value);

结果： JSON.parse 与 eval() 对于解析json的问题

3.我想很多人在纠结双引号的问题，这里我们就来集中测试下。

a:JSON.parse

var c = 1; //全局变量  var date = new Date();  console.log(date.toLocaleDateString());  //var jsonstr1 = '{"name":"a","company":"b","value":"++c"}';//键，值都有双引号  var jsonstr2 = '{"name":"a","company":"b","value":++c}';//仅++c上午双引号  //var jsonstr3 = '{name:"a",company:"b",value:"++c"}';//仅有值上有双引号  //var jsonstr4 = '{name:a,company:b,value:++c}';//全无双引号  //var json1 = JSON.parse(jsonstr1);  var json2 = JSON.parse(jsonstr2);  //var json3 = JSON.parse(jsonstr3);  //var json4 = JSON.parse(jsonstr4);  //console.log(json1 );  console.log(json2 );  //console.log(json3);  //console.log(json4);

结果依次为： JSON.parse 与 eval() 对于解析json的问题

可见JSON.parse中只有第一种标准形式才会解析正确

b:eval()

var c = 1; //全局变量  var date = new Date();  console.log(date.toLocaleDateString());  var jsonstr1 = '{"name":"a","company":"b","value":"++c"}';//键，值都有双引号  //var jsonstr2 = '{"name":"a","company":"b","value":++c}';//仅++c上午双引号  //var jsonstr3 = '{name:"a",company:"b",value:"++c"}';//仅有值上有双引号  //var jsonstr4 = '{name:a,company:b,value:++c}';//全无双引号  var json1 = eval('('+jsonstr1+')');  //var json2 = eval('('+jsonstr2+')');  //var json3 = eval('('+jsonstr3+')');  //var json4 = eval('('+jsonstr4+')');    console.log(json1+" "+json1.value );  //console.log(json2+" "+json2.value );  //console.log(json3 + " " + json3.value);  //console.log(json4+" "+json3.value);

结果依次为： JSON.parse 与 eval() 对于解析json的问题

而eval中除了最后一种，其他都解析正确。

4.这时候还有一个问题：那就是为什么eval()解析的时候要加上括号？

我们先看看不加括号会怎么样：

var c = 1; //全局变量     var date = new Date();     console.log(date.toLocaleDateString());      var jsonstr1 = '{"name":"a","company":"b","value":"++c"}';//键，值都有双引号      var json1 = eval(jsonstr1);          console.log(json1+"    "+json1.value );

结果： JSON.parse 与 eval() 对于解析json的问题