博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
php中json对象转字符串,JSON对象转字符串的一些方法
阅读量:6620 次
发布时间:2019-06-25

本文共 3197 字,大约阅读时间需要 10 分钟。

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

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

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

然而想将一个javascript对象转化为json格式的字符串却并不那么简单,特别是对象的属性值递归包含一个对象时(如 var obj={a:[2,3],b:{m:[3,4],n:2} } ),那么有没有什么方法将obj转化为json格式的字符串呢?

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

使用方法:

var obj={a:[2,3],b:{m:[3,4],n:2} };

var jsonStr = JSON.stringify( obj );

alert(jsonStr);

//将显示 {"a":[2,3],"b":{"m":[3,4],"n":2}}

假如有两个变量,我要将a转换成字符串,将b转换成JSON对象:

var a={"name":"tom","sex":"男","age":"24"};

var b='{"name":"Mike","sex":"女","age":"29"}';

在Firefox,chrome,opera,safari,ie9,ie8等高级浏览器直接可以用JSON对象的stringify()和parse()方法。JSON.stringify(obj)将JSON转为字符串。JSON.parse(string)将字符串转为JSON格式;

上面的转换可以这么写:

var a={"name":"tom","sex":"男","age":"24"};

var b='{"name":"Mike","sex":"女","age":"29"}';

var aToStr=JSON.stringify(a);

var bToObj=JSON.parse(b);

alert(typeof(aToStr)); //string

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

var c='{"name":"Mike","sex":"女","age":"29"}';

var cToObj=eval("("+c+")");

alert(typeof(cToObj));

jQuery中也有将字符串转为JSON格式的方法jQuery.parseJSON( json ),接受一个标准格式的 JSON 字符串,并返回解析后的 JavaScript (JSON)对象。当然如果有兴趣可以自己封装一个jQuery扩展,jQuery.stringifyJSON(obj)将JSON转为字符串。

JSON.stringify(jsonobj),本来是最简便的方法,可是存在浏览器兼容问题(仅适用于IE8+,Chrome 1+,FF 3+)。下面再介绍一个方法:

var O2String = function (O) {

//return JSON.stringify(jsonobj);

var S = [];

var J = "";

if (Object.prototype.toString.apply(O) === '[object Array]') {

for (var i = 0; i < O.length; i++)

S.push(O2String(O[i]));

J = '[' + S.join(',') + ']';

}

else if (Object.prototype.toString.apply(O) === '[object Date]') {

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

}

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

J = O.toString();

}

else if (Object.prototype.toString.apply(O) === '[object Object]') {

for (var i in O) {

O[i] = typeof (O[i]) == 'string' ? '"' + O[i] + '"' : (typeof (O[i]) === 'object' ? O2String(O[i]) : O[i]);

S.push(i + ':' + O[i]);

}

J = '{' + S.join(',') + '}';

}

return J;

};

使用方法也很简单:

var jsonStr = O2String(

[

{

"Page": "plan",

"Custom":

[

{

"ItemName": "CustomLabel1",

"ItemContent": 1,

"IsItem": true,

"ItemDate": new Date(1320774905467),

"ItemReg": /[\w]*?/gi,

"ItemFunc": function () { alert("ItemFunc"); }

},

{

"ItemName": "CustomLabel1",

"ItemContent": 1,

"IsItem": true,

"ItemDate": new Date(1320774905467),

"ItemReg": /[\w]*?/gi,

"ItemFunc": function () { alert("ItemFunc"); }

}

]

},

{

"Page": "project",

"Custom":

[

{

"ItemName": "CustomLabel2",

"ItemContent": 2,

"IsItem": false,

"ItemDate": new Date(1320774905467),

"ItemReg": /[\w]*?/gi,

"ItemFunc": function () { alert("ItemFunc"); }

},

{

"ItemName": "CustomLabel2",

"ItemContent": 2,

"IsItem": false,

"ItemDate": new Date(1320774905467),

"ItemReg": /[\w]*?/gi,

"ItemFunc": function () { alert("ItemFunc"); }

}

]

}

]

);

alert(jsonStr);

var jsonObj = eval("(" + jsonStr + ")");

alert(jsonObj.length);

转载地址:http://lfcpo.baihongyu.com/

你可能感兴趣的文章
朱晔和你聊Spring系列S1E2:SpringBoot并不神秘
查看>>
关于Java中的注释语句的对Java代码的影响
查看>>
2013年度第一期测试沙龙 PPT下载
查看>>
我的Java后端书架 (2016年暮春3.0版)
查看>>
两行代码搞定UITableView无数据无网络显示-b
查看>>
Microsoft Speech SDK开发包 使用
查看>>
Android应用开发基础篇(2)-----Notification(状态栏通知)
查看>>
10 款非常棒的CSS代码格式化工具推荐
查看>>
SQL Server 临时表的删除
查看>>
StackOverFlow关于JVM的文章
查看>>
程序8
查看>>
【原】WebRebuild深圳站的一点感悟
查看>>
23讲 URL
查看>>
Excel Open Xml中CellStyleXfs,cellStyle,cellXfs之间关系的总结
查看>>
QT Basic---Widgets<1>
查看>>
Android开发10.3:UI组件GridView网格视图
查看>>
Power BI的一些视频演示资源
查看>>
Entity Framework 5.0基础系列
查看>>
使用Swift和SpriteKit写一个忍者游戏
查看>>
2014辛星在读CSS第八节 使用背景图片
查看>>