使用ajax的开发项目过程中,经常需要将json格式的字符串返回到前端,前端解析成js对象()。
ECMA-262(E3) 中没有将JSON概念写到标准中,还好在 中JSON的概念被正式引入了,包括全局的JSON对象和Date的toJSON方法。
1. eval方式解析,恐怕这是最早的解析方式了。如下:
function strToJson(str){ var json = eval('(' + str + ')'); return json; }
记得别忘了str两旁的小括号。
为什么要加括号?
加上圆括号的目的是迫使eval函数在评估JavaScript代码的时候强制将括号内的表达式(expression)转化为对象,而不是作为语句(statement)来执行。举一个例子,例如对象字面量{},如若不加外层的括号,那么eval会将大括号识别为JavaScript代码块的开始和结束标记,那么{}将会被认为是执行了一句空语句。所以下面两个执行结果是不同的:
alert(eval("{}"); // return undefinedalert(eval("({})");// return object[Object]2 . new Function形式,比较怪异哦。如下 :
function strToJson(str){ var json = (new Function("return " + str))(); return json; }3,使用全局的JSON对象,如下:
function strToJson(str){ return JSON.parse(str); }
目前 IE8(S)/Firefox3.5+/Chrome4/Safari4/Opera10 已实现了该方法,以下是部分资料:
使用JSON.parse需严格遵守JSON规范,如属性都需用引号引起来,如下
var str = '{name:"jack"}'; var obj = JSON.parse(str); // --> parse error
name没有用引号引起来,使用JSON.parse所有浏览器中均抛异常,解析失败。而前两种方式则没问题。
另见: