• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > JSON字符串和JSON对象相互转化实例详解

JSON字符串和JSON对象相互转化实例详解

作者:QH_JAVA 字体:[增加 减小] 来源:互联网 时间:2017-05-11

QH_JAVA通过本文主要向大家介绍了json字符串转json对象,json字符串转java对象,js json字符串转对象,json对象转字符串,json字符串转换为对象等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

本文实例讲述了JSON字符串和JSON对象相互转化的方法。分享给大家供大家参考,具体如下:

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

例如:

JSON字符串:

var str = '{ "name": "name1","sex": "m" }';

</div>

JSON对象:

var obj = { "name": "name1", "sex": "w" };

</div>

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

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

var obj = eval('(' + str + ')'); 
//由JSON字符串转换为JSON对象,必须把文本包围在括号中,这样才能避免语法错误: "(" + str+ ")"

</div>

或者

var obj = $.parseJSON(str);
// 将JSON字符串转化为JSON对象 (jQuery)

</div>

或者

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

</div>

或者

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

</div>

然后,就可以这样读取:

Alert(obj.name);
Alert(obj.sex);

</div>

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

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

例如:

var str=obj.toJSONString();
//将JSON对象转化为JSON字符

</div>

或者

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

</div>

总结:

上面我们也看到了在进行类型转化的时候总的来说有两种,一种是JavaScript自带的解析器,而另一种就是JSON解析器,其中javascript解析器可以编译执行任何的javascript代码所以这里隐藏了一个潜在的安全问题而JSON解析器只能识别JSON文本,而不会编译脚本所以比较安全,而且JSON解析器的速度更快。

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

PS:关于json操作,这里再为大家推荐几款比较实用的json在线工具供大家参考使用:

在线JSON代码检验、检验、美化、格式化工具:
http://tools.weikejianghu.com/code/json

JSON在线格式化工具:
http://tools.weikejianghu.com/code/jsonformat

在线XML/JSON互相转换工具:
http://tools.weikejianghu.com/code/xmljson

json代码在线格式化/美化/压缩/编辑/转换工具:
http://tools.weikejianghu.com/code/jsoncodeformat

在线json压缩/转义工具:
http://tools.weikejianghu.com/code/json_yasuo_trans

C语言风格/HTML/CSS/json代码格式化美化工具:
http://tools.weikejianghu.com/code/ccode_html_css_json

更多关于JavaScript相关内容可查看本站专题:《JavaScript中json操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • JSON字符串和JSON对象相互转化实例详解

相关文章

  • 2017-09-05js对string字符串的处理函数和方法
  • 2017-05-11Vue实现自带的过滤器实例
  • 2017-05-11微信小程序 详解页面跳转与返回并回传数据
  • 2017-05-11d3.js入门教程之数据绑定详解
  • 2017-05-11浅谈Angular.js中使用$watch监听模型变化
  • 2017-05-11微信小程序 radio单选框组件详解及实例代码
  • 2017-05-11JavaScript数据结构之二叉树的删除算法示例
  • 2017-05-11Bootstrap学习笔记 轮播(Carousel)插件
  • 2017-05-11基于jQuery制作小图标上下滑动特效
  • 2017-05-11jQuery插件echarts实现的去掉X轴、Y轴和网格线效果示例【附demo源码下载】

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • bootstrap为水平排列的表单和内联表单设置可选的图标
    • js鼠标定位
    • 谈谈JavaScript数组常用方法总结
    • javascript实现页面滚屏效果
    • jQuery.Form上传文件操作
    • ES6中Math对象的部分扩展
    • Angular实现跨域(搜索框的下拉列表)
    • javascript实现滑动解锁功能
    • JavaScript实现图像模糊化的方法实例
    • js实现时间轴自动排列效果

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有