您的位置:首页 > 编程语言 > Java开发

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

2017-02-16 20:54 471 查看
使用ajax的开发项目过程中,经常需要将json格式的字符串返回到前端,前端解析成js对象(JSON )。

ECMA-262(E3) 中没有将JSON概念写到标准中,还好在 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 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所有浏览器中均抛异常,解析失败。而前两种方式则没问题。

4,jQuery插件支持的转换方式: 

复制代码代码如下:

$.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象 

PS:这里再为大家提供几款功能十分强大的json解析、转换与格式化工具供大家选择使用,相信对于大家接下来的json格式数据处理会有所帮助:

在线JSON代码检验、检验、美化、格式化工具:
http://tools.jb51.net/code/json

在线XML/JSON互相转换:
http://tools.jb51.net/code/xmljson

json代码在线格式化/美化/压缩/编辑/转换工具:
http://tools.jb51.net/code/jsoncodeformat

C语言风格/HTML/CSS/json代码格式化美化工具:
http://tools.jb51.net/code/ccode_html_css_json
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: