原文http://www.nowamagic.net/librarys/veda/detail/374
将后台程序(如php)发送过来的json数据转化为javascript的数组或者对象的方法十分简单,代码如下:
1 // 假设后台发送的json数据为 '{a:2,b:1}' 存储于str中
2 var data = eval( '(' + str + ')' );
然而想将一个javascript对象转化为json格式的字符串却并不那么简单,特别是对象的属性值递归包含一个对象时(如 var obj={a:[2,3],b:{m:[3,4],n:2} } ),那么有没有什么方法将obj转化为json格式的字符串呢?
当然你可以自己写一个函数,递归遍历一个对象并将其转化为json格式的字符串,对于大部分人来说这有些困难并容易出错。幸好已经有人做好了这件事情,你只用包含一段javascript代码即可。
json2.js
使用方法:
01 <!doctype html>
02 <html>
03 <body>
04 <script src="json2.js"></script>
05 <script>
06 var obj={a:[2,3],b:{m:[3,4],n:2} };
07 var jsonStr = JSON.stringify( obj );
08 alert(jsonStr);
09 //将显示 {"a":[2,3],"b":{"m":[3,4],"n":2}}
10 </script>
11 </body>
12 </html>
假如有两个变量,我要将a转换成字符串,将b转换成JSON对象:
1 var a={"name":"tom","sex":"男","age":"24"};
2 var b='{"name":"Mike","sex":"女","age":"29"}';
在Firefox,chrome,opera,safari,ie9,ie8等高级浏览器直接可以用JSON对象的stringify()和parse()方法。JSON.stringify(obj)将JSON转为字符串。JSON.parse(string)将字符串转为JSON格式;
上面的转换可以这么写:
1 var a={"name":"tom","sex":"男","age":"24"};
2 var b='{"name":"Mike","sex":"女","age":"29"}';
3 var aToStr=JSON.stringify(a);
4 var bToObj=JSON.parse(b);
5 alert(typeof(aToStr)); //string
6 alert(typeof(bToObj)); //object
JSON.stringify()
ie8(兼容模式),ie7和ie6没有JSON对象,不过http://www.json.org/提供了一个json.js,这样ie8(兼容模式),ie7和ie6就可以支持JSON对象以及其stringify()和parse()方法;你可以在https://github.com/douglascrockford/JSON-js上获取到这个js,一般现在用json2.js。ie8(兼容模式),ie7和ie6可以使用eval()将字符串转为JSON对象:
1 var c='{"name":"Mike","sex":"女","age":"29"}';
2 var cToObj=eval("("+c+")");
3 alert(typeof(cToObj));
jQuery中也有将字符串转为JSON格式的方法jQuery.parseJSON( json ),接受一个标准格式的 JSON 字符串,并返回解析后的 JavaScript (JSON)对象。当然如果有兴趣可以自己封装一个jQuery扩展,jQuery.stringifyJSON(obj)将JSON转为字符串。
JSON.stringify(jsonobj),本来是最简便的方法,可是存在浏览器兼容问题(仅适用于IE8+,Chrome 1+,FF 3+)。下面再介绍一个方法:
01 var O2String = function (O) {
02 //return JSON.stringify(jsonobj);
03
04 var S = [];
05 var J = "";
06 if (Object.prototype.toString.apply(O) === '[object Array]') {
07 for (var i = 0; i < O.length; i++)
08 S.push(O2String(O[i]));
09 J = '[' + S.join(',') + ']';
10 }
11 else if (Object.prototype.toString.apply(O) === '[object Date]') {
12 J = "new Date(" + O.getTime() + ")";
13 }
14 else if (Object.prototype.toString.apply(O) === '[object RegExp]' || Object.prototype.toString.apply(O) === '[object Function]') {
15 J = O.toString();
16 }
17 else if (Object.prototype.toString.apply(O) === '[object Object]') {
18 for (var i in O) {
19 O[i] = typeof (O[i]) == 'string' ? '"' + O[i] + '"' : (typeof (O[i]) === 'object' ? O2String(O[i]) : O[i]);
20 S.push(i + ':' + O[i]);
21 }
22 J = '{' + S.join(',') + '}';
23 }
24
25 return J;
26 };
使用方法也很简单:
01 var jsonStr = O2String(
02 [
03 {
04 "Page": "plan",
05 "Custom":
06 [
07 {
08 "ItemName": "CustomLabel1",
09 "ItemContent": 1,
10 "IsItem": true,
11 "ItemDate": new Date(1320774905467),
12 "ItemReg": /[\w]*?/gi,
13 "ItemFunc": function () { alert("ItemFunc"); }
14 },
15 {
16 "ItemName": "CustomLabel1",
17 "ItemContent": 1,
18 "IsItem": true,
19 "ItemDate": new Date(1320774905467),
20 "ItemReg": /[\w]*?/gi,
21 "ItemFunc": function () { alert("ItemFunc"); }
22 }
23 ]
24 },
25 {
26 "Page": "project",
27 "Custom":
28 [
29 {
30 "ItemName": "CustomLabel2",
31 "ItemContent": 2,
32 "IsItem": false,
33 "ItemDate": new Date(1320774905467),
34 "ItemReg": /[\w]*?/gi,
35 "ItemFunc": function () { alert("ItemFunc"); }
36 },
37 {
38 "ItemName": "CustomLabel2",
39 "ItemContent": 2,
40 "IsItem": false,
41 "ItemDate": new Date(1320774905467),
42 "ItemReg": /[\w]*?/gi,
43 "ItemFunc": function () { alert("ItemFunc"); }
44 }
45 ]
46 }
47 ]
48 );
49 alert(jsonStr);
50 var jsonObj = eval("(" + jsonStr + ")");
51 alert(jsonObj.length);