JSON对象转字符串的一些方法

来源：互联网发布：覆盖索引 mysql 编辑：程序博客网时间：2024/06/05 00:40

JSON对象转字符串的一些方法

JSON.stringify()适用范围有限

在 2011年11月12日那天写的已经有 23790 次阅读了

感谢参考或原文

服务器君一共花费了32.678 ms进行了2次数据库查询，努力地为您提供了这个页面。

试试阅读模式？希望听取您的建议

将后台程序(如php)发送过来的json数据转化为javascript的数组或者对象的方法十分简单，代码如下：

1// 假设后台发送的json数据为 '{a:2,b:1}' 存储于str中

2var data = eval('(' + str + ')');

然而想将一个javascript对象转化为json格式的字符串却并不那么简单，特别是对象的属性值递归包含一个对象时(如>

当然你可以自己写一个函数，递归遍历一个对象并将其转化为json格式的字符串，对于大部分人来说这有些困难并容易出错。幸好已经有人做好了这件事情，你只用包含一段javascript代码即可。

json2.js

使用方法：

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()

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对象：

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 varS = [];

05 varJ = "";

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 elseif (Object.prototype.toString.apply(O) ==='[object Date]') {

12 J = "new Date(" + O.getTime() + ")";

13 }

14 elseif (Object.prototype.toString.apply(O) ==='[object RegExp]' || Object.prototype.toString.apply(O) ==='[object Function]') {

15 J = O.toString();

16 }

17 elseif (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 returnJ;

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",

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);

0 0