字符串转换成json的三种方式

使用ajax的开发项目过程中，经常需要将json格式的字符串返回到前端，前端解析成js对象（JSON ）。

 

ECMA-262(E3) 中没有将JSON概念写到标准中，还好在 ECMA-262(E5) 中JSON的概念被正式引入了，包括全局的JSON对象和Date的toJSON方法。

 

1，eval方式解析，恐怕这是最早的解析方式了。如下：

 

Js代码  

1. function strToJson(str){   
2.      var json = eval('(' + str + ')');   
3.      return json;   
4. }  

function strToJson(str){
     var json = eval('(' + str + ')');
     return json;
}

 

记得别忘了str两旁的小括号。

 

为什么要加括号？

加上圆括号的目的是迫使eval函数在评估JavaScript代码的时候强制将括号内的表达式（expression）转化为对象，而不是作为语句（statement）来执行。举一个例子，例如对象字面量{}，如若不加外层的括号，那么eval会将大括号识别为JavaScript代码块的开始和结束标记，那么{}将会被认为是执行了一句空语句。所以下面两个执行结果是不同的：

alert(eval("{}"); // return undefined

alert(eval("({})");// return object[Object]

 

2，new Function形式，比较怪异哦。如下

 

Js代码  

1. function strToJson(str){   
2.     var json = (new Function("return " + str))();   
3.     return json;   
4. }  

function strToJson(str){
    var json = (new Function("return " + str))();
    return json;
}

 

3，使用全局的JSON对象，如下：

 

Js代码  

1. function strToJson(str){   
2.     return JSON.parse(str);   
3. }  

function strToJson(str){
    return JSON.parse(str);
}

 

目前 IE8(S)/Firefox3.5+/Chrome4/Safari4/Opera10 已实现了该方法，以下是部分资料：

 

http://blogs.msdn.com/ie/archive/2008/09/10/native-json-in-ie8.aspx

https://developer.mozilla.org/en/Using_JSON_in_Firefox

 

使用JSON.parse需严格遵守JSON规范，如属性都需用引号引起来，如下

 

Js代码  

1. var str = '{name:"jack"}';   
2. var obj = JSON.parse(str); // --> parse error  

var str = '{name:"jack"}';
var obj = JSON.parse(str); // --> parse error

 

name没有用引号引起来，使用JSON.parse所有浏览器中均抛异常，解析失败。而前两种方式则没问题。

 

 

另见：Chrome中JSON.parse的特殊实现