今天做项目的时候,使用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解析代码会直接调用原生版本,
如果没有原生支持的话,会调用一个略微不那么强大的非原生版本来处理。
如有错误,欢迎指出,欢迎补充。