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

雨点打透心脏的1/2处 2022-09-18 09:59 157阅读 0赞

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

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

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

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

记得别忘了str两旁的小括号。   
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 已实现了该方法，以下是部分资料： [http://blogs.msdn.com/ie/archive/2008/09/10/native-json-in-ie8.aspx][http_blogs.msdn.com_ie_archive_2008_09_10_native-json-in-ie8.aspx]  [https://developer.mozilla.org/en/Using\_JSON\_in\_Firefox][https_developer.mozilla.org_en_Using_JSON_in_Firefox]   
使用JSON.parse需严格遵守JSON规范，如属性都需用引号引起来，如下

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

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

转载自：[http://www.jb51.net/article/25987.htm][http_www.jb51.net_article_25987.htm]

[ECMA-262_E5_]: http://www.ecma-international.org/publications/files/ECMA-ST/ECMA-262.pdf
[http_blogs.msdn.com_ie_archive_2008_09_10_native-json-in-ie8.aspx]: http://blogs.msdn.com/ie/archive/2008/09/10/native-json-in-ie8.aspx
[https_developer.mozilla.org_en_Using_JSON_in_Firefox]: https://developer.mozilla.org/en/Using_JSON_in_Firefox
[http_www.jb51.net_article_25987.htm]: http://www.jb51.net/article/25987.htm