如何将javascript对象转换成字符串
将后台程序(如php)发送过来的json数据转化为javascript的数组或者对象的⽅法⼗分简单,代码如下:
1// 假设后台发送的json数据为 '{a:2,b:1}' 存储于str中
2var data = eval( '('+ str + ')');
然⽽想将⼀个javascript对象转化为json格式的字符串却并不那么简单,特别是对象的属性值递归包含⼀个对象时(如 var obj={a:[2,3],b:{m: [3,4],n:2} } ),那么有没有什么⽅法将obj转化为json格式的字符串呢?
当然你可以⾃⼰写⼀个函数,递归遍历⼀个对象并将其转化为json格式的字符串,对于⼤部分⼈来说这有些困难并容易出错。幸好已经有⼈做好了这件事情,你只⽤包含⼀段javascript代码即可。
使⽤⽅法:
01<!doctype html>
02<html>
03<body>
04<script src="json2.js"></script>
05<script>
06var obj={a:[2,3],b:{m:[3,4],n:2} };
07var jsonStr = JSON.stringify( obj );
08alert(jsonStr);
09//将显⽰ {"a":[2,3],"b":{"m":[3,4],"n":2}}
10</script>
11</body>
12</html>
假如有两个变量,我要将a转换成字符串,将b转换成JSON对象:
1var a={"name":"tom","sex":"男","age":"24"};
2var b='{"name":"Mike","sex":"⼥","age":"29"}';
在Firefox,chrome,opera,safari,ie9,ie8等⾼级浏览器直接可以⽤JSON对象的stringify()和parse()⽅法。JSON.stringify(obj)将JSON转为字符串。JSON.parse(string)将字符串转为JSON格式;
上⾯的转换可以这么写:
1var a={"name":"tom","sex":"男","age":"24"};
2var b='{"name":"Mike","sex":"⼥","age":"29"}';
3var aToStr=JSON.stringify(a);
4var bToObj=JSON.parse(b);
5alert(typeof(aToStr));  //string
6alert(typeof(bToObj));  //object
JSON.stringify()
1var c='{"name":"Mike","sex":"⼥","age":"29"}';
2var cToObj=eval("("+c+")");
3alert(typeof(cToObj));
jQuery中也有将字符串转为JSON格式的⽅法jQuery.parseJSON( json ),接受⼀个标准格式的 JSON 字符串,并返回解析后的 JavaScript (JSON)对象。当然如果有兴趣可以⾃⼰封装⼀个jQuery扩展,jQuery.stringifyJSON(obj)将JSON转为字符串。
JSON.stringify(jsonobj),本来是最简便的⽅法,可是存在浏览器兼容问题(仅适⽤于IE8+,Chrome 1+,FF 3+)。下⾯再介绍⼀个⽅法:
01var O2String = function(O) {
02    //return JSON.stringify(jsonobj);
03
04    var S = [];
json转换对象05    var J = "";
06    if(String.apply(O) === '[object Array]') {
07        for(var i = 0; i < O.length; i++)
08            S.push(O2String(O[i]));
08            S.push(O2String(O[i]));
09        J = '['+ S.join(',') + ']';
10    }
11    else if(String.apply(O) === '[object Date]') {
12        J = "new Date("+ O.getTime() + ")";
13    }
14    else if(String.apply(O) === '[object RegExp]'|| String.apply(O) === '[object Function]') {
15        J = O.toString();
16    }
17    else if(String.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};
使⽤⽅法也很简单:
01var 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",
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);
49alert(jsonStr);
50var jsonObj = eval("("+ jsonStr + ")");
51alert(jsonObj.length);

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。