JSON字符串和对象相互转换实例分析
本文实例分析了JSON字符串和对象相互转换方法。分享给大家供大家参考，具体如下：
同事问了我一个问题——server端返回了一个json结构的字符串，怎么样去访问json对象里面的值？jquery有没有对返回的JSON数据进行解析？
我自己写了一个小的demo，还有从网上查了一些资料，在这里跟大家分享一下
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<scriptsrc="jquery-1.6.2.min.js"type="text/javascript"></script>
<scripttype="text/javascript">
$(document).ready(
function(){
varjson={"name":"Mike","sex":"女","age":29};
alert(typeofjson);
vartemp=obj2str(json);
alert(temp);
alert(typeoftemp);
}
);
//下面这个方法是将json对象转换为字符串
functionobj2str(o){
varr=[];
if(typeofo=="string")return"\""+o.replace(/([\'\"\\])/g,"\\$1").replace(/(\n)/g,"\\n").replace(/(\r)/g,"\\r").replace(/(\t)/g,"\\t")+"\"";
if(typeofo=="undefined")return"undefined";
if(typeofo=="object"){
if(o===null)return"null";
elseif(!o.sort){
for(variino)
r.push(i+":"+obj2str(o[i]))
r="{"+r.join()+"}"
}else{
for(vari=0;i<o.length;i++)
r.push(obj2str(o[i]))
r="["+r.join()+"]"
}
returnr;
}
returno.toString();
}
/*使用jquery插件，需要注意的是json的key-value必须都为字符串，即都需要使用双引号包起来,
不能使用单引号，如果value是数字就不需要用双引号包起来*/
functionjquery_string_to_json(){
varjsonString='{"name":"huangbiao","sex":"boy","age":16}';
//varjsonString="{'name':'huangbiao','sex':'boy','age':16}";//错误的声明
alert(typeofjsonString);
varobj=jQuery.parseJSON(jsonString);
alert(typeofobj);
}
/*使用eval方法对于字符串里面的key-value都必须使用双引号括起来，不能使用单引号，否则不
能够正常解析*/
functionString_to_JSON(){
varjson='{"name":"huangbiao","sex":"boy","age":16}';
vartemp=eval('('+json+')');//eval方法里面的括号是不能够少的，否则报脚本错误
alert(typeoftemp);
alert(temp.name);
//使用JSON对象只能在IE8以上的版本支持，因此不建议使用这种方式转换
//varjson='{"name":"Mike","sex":"女","age":"29"}';
//vartemp=JSON.parse(json);
//alert(temp.name);
}
</script>
<title>无标题文档</title>
</head>
<body>
</body>
</html>
在工作中发现server端传给前端JSON格式的字符串，使用eval("("+json+")");没有办法将得到的字符串转换为JSON对象，解决办法如下：
functionobj2str(o){
varr=[];
if(typeofo=="string")return"\""+o.replace(/([\'\"\\])/g,"\\$1").replace(/(\n)/g,"\\n").replace(/(\r)/g,"\\r").replace(/(\t)/g,"\\t")+"\"";
if(typeofo=="undefined")return"undefined";
if(typeofo=="object"){
if(o===null)return"null";
elseif(!o.sort){
for(variino)
r.push(i+":"+obj2str(o[i]))
r="{"+r.join()+"}"
}else{
for(vari=0;i<o.length;i++)
r.push(obj2str(o[i]))
r="["+r.join()+"]"
}
returnr;
}
returno.toString();
}
functionjson2obj(o){
varresult=obj2str(o);
returneval("("+result+")");
}
调用json2obj(o)这个方法即可。
PS：这里再为大家推荐几款json在线工具，相信大家在今后的开发中可以用得到：
在线JSON代码检验、检验、美化、格式化工具：
http://tools.jb51.net/code/json
JSON在线格式化工具：
http://tools.jb51.net/code/jsonformat
在线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
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。