javascript json字符串与对象相互转换

Posted 2020-11-22 咖啡无眠的随笔

在实际项目中，经常遇到字符格式的问题，记下来以便日后方便查看。用到两个函数：JSON.stringify() 和 JSON.parse()。

　　使用ajax向后台请求数据，后台给前端返回数据，明明后端脚本写的是json函数处理后的json格式，但是前端接收数据时，却时而是object，时而是字符串，令人百思不得其解。具体原因我还不是很清楚。

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

　　我的解决思路是：首先直接使用返回的数据，如不能达到预期效果，则用typeof查看返回数据的格式是什么或者console.log打印一下看具体返回的数据是什么，然后在根据需要使用函数进行二次处理。

例如：

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

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

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

//由JSON字符串转换为JSON对象

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

或者

var obj = str.parseJSON(); //由JSON字符串转换为JSON对象

或者

var obj = JSON.parse(str); //由JSON字符串转换为JSON对象

然后，就可以这样读取：

Alert(obj.name);

Alert(obj.sex);

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

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

例如：

var last=obj.toJSONString(); //将JSON对象或者javascript对象转化为JSON字符，与FineUI中的F.toJSON(value)功能相等

或者

var last=JSON.stringify(obj); //将JSON对象或JavaScript对象转化为JSON字符，与FineUI中的F.toJSON(value)功能相等

alert(last);

注意：

上面的几个方法中，除了eval()函数是js自带的之外，其他的几个方法都来自json.js包。新版本的 JSON 修改了 API，将 JSON.stringify() 和 JSON.parse() 两个方法都注入到了 Javascript 的内建对象里面，前者变成了 Object.toJSONString()，而后者变成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()方法，则说明您的json包版本太低。

 

参考：http://www.jb51.net/article/43136.htm