javascript json字符串如何转换成对象-js教程-PHP中文网

javascript json字符串如何转换成对象

醉折花枝作酒筹

发布： 2021-04-08 18:26:42

原创

24857人浏览过

转换方法：1、使用“JSON.parse()”方法，语法“JSON.parse(有效JSON字符串)”；2、使用“JSON.stringify()”方法，语法“JSON.stringify(有效JSON字符串)”。

javascript json字符串如何转换成对象

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

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

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

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

立即学习“Java免费学习笔记（深入）”；

例如：

JSON字符串:

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

登录后复制

JSON对象:

var str2 = { "name": "cxh", "sex": "man" };

登录后复制

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

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

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

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

登录后复制

或者

Find JSON Path Online

Easily find JSON paths within JSON objects using our intuitive Json Path Finder

查看详情

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视频教程】

以上就是javascript json字符串如何转换成对象的详细内容，更多请关注php中文网其它相关文章！