【转】JavaScript - json字符串与对象相互转换

转载出处：https://www.cnblogs.com/haciont/p/6249649.html

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

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

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

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

例如：

JSON字符串：

var str1 = '{"name":"zhangsan","sex":"man"}';

JSON对象：

var str2 = {"name":"zhangsan","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对象转化为JSON字符串

或者

var last = JSON.stringify(obj); // 将JSON对象转化为JSON字符串
alert(last);

注意

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

【转】JavaScript - json字符串与对象相互转换

猜你喜欢