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

1 篇文章 0 订阅

数据传输过程中,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']);//第二个参数用来过滤json

var 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的值都会自动转换为10
var 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
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值