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

红太狼 2020-06-22 16:10 758阅读 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**