浅谈JS中json数据的处理


Posted in Javascript onJune 30, 2016

1、 json数据结构(对象和数组)

json对象:var obj = {"name":"xiao","age":12};

json数组:var objArray = [{"name":"xiao","age":12},{"name":"xiao","age":12}];

2、 处理json数据,依赖文件有:jQuery.js

3、Note:数据传输过程中,json数据是以文本,即字符串格式形式存在;

JS语言操作的是JS对象;

所以json字符串与JS对象之间的转换是关键;

4、数据格式

Json字符串:var json_str = ‘{"name":"xiao","age":12}';

Josn对象:var obj = {"name":"xiao","age":12};

JS对象:Object = {name: "xiao", age: 12}

5、类型转换

Json字符串——>JS对象,使用方法:

注明:

json_str、obj代表的是在本文子标题4中的数据类型;

obj = JSON.parse(json_str);

obj = jQuery.parseJSON(json_str);

Note:传入畸形json字符串(例如:‘{name:"xiao",age:12}'),会抛出异常;

Json字符串格式,严格格式:‘{"name":"xiao","age":12}'

JS对象——>Json字符串:

json_str = JSON. stringify(obj);

NOTE:

1、eval()是JS原生函数,使用该形式:eval(‘('+‘{name:"xiao",age:12}'+')'),并不安全,无法保证类型转换为JS对象;

2、上面3中方法,都经过chrome浏览器测试,下面是测试结果截图;

Json字符串——>JS对象;

浅谈JS中json数据的处理

JS对象——>Json字符串:

浅谈JS中json数据的处理

To园友:

对文中任何错误的地方,欢迎您指出。

以上这篇浅谈JS中json数据的处理就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
在html页面中包含共享页面的方法
Oct 24 Javascript
关于URL中的特殊符号使用介绍
Nov 03 Javascript
给页面渲染时间加速 干掉Dom Level 0 Event
Dec 19 Javascript
js中的onchange和onpropertychange (onchange无效的解决方法)
Mar 08 Javascript
js实现简洁的TAB滑动门效果代码
Sep 06 Javascript
JavaScript实现复制文章自动添加版权
Aug 02 Javascript
ionic组件ion-tabs选项卡切换效果实例
Aug 27 Javascript
为Jquery EasyUI 组件加上清除功能的方法(详解)
Apr 13 jQuery
Vue自定义指令详解
Jul 28 Javascript
Vue动态获取width的方法
Aug 22 Javascript
JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式
Jul 10 Javascript
vscode调试node.js的实现方法
Mar 22 Javascript
原生js实现自由拖拽弹窗代码demo
Jun 29 #Javascript
JS中Json数据的处理和解析JSON数据的方法详解
Jun 29 #Javascript
简单实现js间歇或无缝滚动效果
Jun 29 #Javascript
js精准的倒计时函数分享
Jun 29 #Javascript
jQuery模仿京东/天猫商品左侧分类导航菜单效果
Jun 29 #Javascript
RequireJS多页面应用实例分析
Jun 29 #Javascript
全面了解JS中的匿名函数
Jun 29 #Javascript
You might like
PHP 实现的将图片转换为TXT
2015/10/21 PHP
php正则去除网页中所有的html,js,css,注释的实现方法
2016/11/03 PHP
PHP中获取文件创建日期、修改日期、访问时间的方法
2016/11/05 PHP
JavaScript设置FieldSet展开与收缩
2009/05/15 Javascript
Ajax同步与异步传输的示例代码
2013/11/21 Javascript
jquery中push()的用法(数组添加元素)
2014/11/25 Javascript
JavaScript使用indexOf获得子字符串在字符串中位置的方法
2015/04/06 Javascript
JQuery select(下拉框)操作方法汇总
2015/04/15 Javascript
javascript中eval函数用法分析
2015/04/25 Javascript
JS右下角广告窗口代码(可收缩、展开及关闭)
2015/09/04 Javascript
JS实现超简单的仿QQ折叠菜单效果
2015/09/21 Javascript
js判断请求的url是否可访问,支持跨域判断的实现方法
2016/09/17 Javascript
详解js中Number()、parseInt()和parseFloat()的区别
2016/12/20 Javascript
jQuery实现字体颜色渐变效果的方法
2017/03/29 jQuery
详解vue数据渲染出现闪烁问题
2017/06/29 Javascript
随机生成10个不重复的0-100的数字(实例讲解)
2017/08/16 Javascript
Js利用prototype自定义数组方法示例
2017/10/20 Javascript
vue.js element-ui validate中代码不执行问题解决方法
2017/12/18 Javascript
Angular项目如何升级至Angular6步骤全纪录
2018/09/03 Javascript
js cavans实现静态滚动弹幕
2020/05/21 Javascript
[47:39]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 LGD vs OPTIC
2018/03/31 DOTA
[01:08:33]OG vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python 2.x如何设置命令执行的超时时间实例
2017/10/19 Python
Python实现mysql数据库更新表数据接口的功能
2017/11/19 Python
解决pycharm运行出错,代码正确结果不显示的问题
2018/11/30 Python
python的turtle库使用详解
2019/05/10 Python
Keras官方中文文档:性能评估Metrices详解
2020/06/15 Python
python3排序的实例方法
2020/10/20 Python
利用python进行文件操作
2020/12/04 Python
Django权限控制的使用
2021/01/07 Python
CSS3属性使网站设计增强同时不消弱可用性
2009/08/29 HTML / CSS
历史学专业毕业生求职信
2013/09/27 职场文书
报到证丢失证明
2014/01/11 职场文书
经销商培训邀请函
2014/01/21 职场文书
幼儿园六一儿童节活动方案
2014/08/26 职场文书
MySQL中的全表扫描和索引树扫描
2022/05/15 MySQL