Welcome 微信登录

首页 / 脚本样式 / JavaScript / 做项目时使用JSON.parse遇到的问题

做项目时使用JSON.parse遇到的问题2015-06-09今天做项目的时候,使用JSON.parse转换字符串成json数据的时候遇到了一个问题,

举例如下:

1 var jsonStr = "{"sex":"男","info":"我\是好人"}";
2 JSON.parse(jsonStr);

运行结果如下:

 

jsonStr里有两个反斜杠存在,JSON.parse在执行的时候则报错了,我们用eval来执行自然是不会报错的,运行结果如下:

我们再来看一下下面这三行代码:

1 var jsonStr1 = "{sex:"男",info:"我是好人"}";
2 var jsonStr2 = "{"sex":"男","info":"我是好人"}";
3 var jsonStr3 = "{"sex":"男","info":"我是好人"}";

运行结果如下:

从运行结果可以看出:只有jsonStr3这种格式的json串JSON.parse才可以正确转换,用eval来处理自然是没有问题的,运行结果如下:

总结

JSON.parse是ES5提出的规范,兼容视图如下:(url:http://kangax.github.io/es5-compat-table/)

JSON在ie中从ie8开始兼容,其他类型浏览器则几乎全部兼容,JSON api使用的门槛也变低了,多数浏览器可以直接使用,

一些json处理的第三方js插件也多数基于JSON原生api,个人认为jsonStr1,jsonStr2,jsonStr3这三种格式只有jsonStr3才能正确执行

应该是JSON对json串的格式要求比较严格,比较规范;至于json串如果有两个反斜杠则报错,则不能理解。

至于JSON.parse和eval的区别及利弊则引用《高性能Javascript》书中的一句话:

警告:关于JSON和eval需要注意的是:在代码中使用eval是很危险的,特别是用它执行第三方的JSON数据(其中可能包含恶意代码)时,

尽可能使用JSON.parse()方法解析字符串本身。该方法可以捕捉JSON中的语法错误,并允许你传入一个函数,用来过滤或转换解析结果。

如果此方法以备Firfox 3.5 、IE8 及 Safari 4 原生支持。大多数javascript类库包含的JSON解析代码会直接调用原生版本,

如果没有原生支持的话,会调用一个略微不那么强大的非原生版本来处理。

作者:cnblogs JunTao