js json字符串与json对象的相互转换,(new Function())()

来源:互联网 发布:三方数据共享协议 编辑:程序博客网 时间:2024/06/04 17:41

数据传输过程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。

例如:
JSON字符串:
var str1 = '{ "name": "cxh", "sex": "man" }'; 
JSON对象:
var str2 = { "name": "cxh", "sex": "man" };


一、JSON字符串转换为JSON对象

要使用上面的str1,必须使用下面的方法先转化为JSON对象:

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

或者

var obj = str.parseJSON(); 

或者

var obj = JSON.parse(str); 

然后,就可以这样读取:

Alert(obj.name);

Alert(obj.sex);

特别注意:如果obj本来就是一个JSON对象,那么使用eval()函数转换后(哪怕是多次转换)还是JSON对象,但是使用parseJSON()函数处理后会有问题(抛出语法异常)。


二、可以使用toJSONString()或者全局方法JSON.stringify()将JSON对象转化为JSON字符串。

例如:

var last=obj.toJSONString(); 

或者

var last=JSON.stringify(obj); 


注意:
上面的几个方法中,除了eval()函数是js自带的之外,其他的几个方法都来自json.js包。

新版本的 JSON 修改了 API,将 JSON.stringify() 和 JSON.parse() 两个方法都注入到了 Javascript 的内建对象里面,前者变成了 Object.toJSONString(),而后者变成了 String.parseJSON()。

如果提示找不到toJSONString()和parseJSON()方法,则说明您的json包版本太低。


三、(new Function())():

(new Function('return' +str1 ))() 与 eval()功能类似,避免了eval在ie等浏览器中的问题。


/*JSON.stringify():objext to json*/var book = {title : "professional javascript",authors : ["nicholas C. Zakas"],edition : 3,year : 2011};var jsonText = JSON.stringify(book);var jsonTextFilter = JSON.stringify(book,['title','edition']);//第二个参数用来过滤jsonvar jsonTextFunction = JSON.stringify(book,function(key,value){//替换函数switch(key){case 'title':return value;case 'year':return 5000;case 'edition':return undefined;default:return value;}});var jsonText_b1 = JSON.stringify(book,null,4);//第二个参数用来控制结果中的缩进和空白符var jsonText_b2 = JSON.stringify(book,null,15);//所有大于10的值都会自动转换为10var jsonText_b3 = JSON.stringify(book,null,'***');console.log("jsonText: " + jsonText);console.log("jsonTextFilter: " + jsonTextFilter);console.log("jsonTextFunction: " + jsonTextFunction);<span style="font-size:12px;">console.log("jsonText_b1: " + jsonText_b1);console.log("jsonText_b2: " + jsonText_b2);console.log("jsonText_b3: " + jsonText_b3);/*JSON.parse():json to object*/var book = {title : "professional javascript",authors : ["nicholas C. Zakas"],edition : 3,year : 2011,releaseDate : new Date(2011,11,1)};var jsonText = JSON.stringify(book);var bookCopy = JSON.parse(jsonText);var bookCopy = JSON.parse(jsonText,function(key,value){//还原函数if(key == 'releaseDate'){return new Date(value);}else{return value;}});console.log("bookCopy.releaseDate: " + bookCopy.releaseDate.getFullYear());</span>


四.引入一个json2.js的文件,使低版本浏览器支持JSON.stringify

<!--[if lt IE 8 ]><script src="json2.js"></script><![endif]-->
0 0
原创粉丝点击