浅谈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 相关文章推荐
网页中可关闭的漂浮窗口实现可自行调节
Aug 20 Javascript
JS.findElementById()使用介绍
Sep 21 Javascript
深入理解JavaScript系列(44):设计模式之桥接模式详解
Mar 04 Javascript
使用AngularJS实现可伸缩的页面切换的方法
Jun 19 Javascript
jquery实现的树形目录实例
Jun 26 Javascript
JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
May 19 Javascript
Bootstrap栅格系统学习笔记
Nov 25 Javascript
微信小程序中hidden不生效原因的解决办法
Apr 26 Javascript
老生常谈javascript的面向对象思想
Aug 22 Javascript
vue.js移动端app之上拉加载以及下拉刷新实战
Sep 11 Javascript
Angular 项目实现国际化的方法
Jan 08 Javascript
VUE动态生成word的实现
Jul 26 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 empty(),isset(),is_null()的实例测试详解
2013/06/06 PHP
php上传图片到指定位置路径保存到数据库的具体实现
2013/12/30 PHP
ci检测是ajax还是页面post提交数据的方法
2014/11/10 PHP
PHP查询分页的实现代码
2017/06/09 PHP
PHP静态延迟绑定和普通静态效率的对比
2017/10/20 PHP
Js callBack 返回前一页的js方法
2008/11/30 Javascript
javascript两段代码,两个小技巧
2010/02/04 Javascript
纯CSS打造的导航菜单(附jquery版)
2010/08/07 Javascript
jQuery获取地址栏参数插件(模仿C#)
2010/10/26 Javascript
js下关于onmouseout、事件冒泡的问题经验小结
2010/12/09 Javascript
详解Javascript动态操作CSS
2014/12/08 Javascript
bootstrap表单按回车会自动刷新页面的解决办法
2017/03/08 Javascript
angularJS模态框$modal实例代码
2017/05/27 Javascript
Three.js中网格对象MESH的属性与方法详解
2017/09/27 Javascript
Vue2.0父子组件传递函数的教程详解
2017/10/16 Javascript
小程序实现留言板
2018/11/02 Javascript
axios封装,使用拦截器统一处理接口,超详细的教程(推荐)
2019/05/02 Javascript
JavaScript实现飞舞的泡泡效果
2020/02/07 Javascript
[01:02:47]EG vs Secret 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.21.mp4
2020/07/19 DOTA
[30:55]完美世界DOTA2联赛PWL S2 Magma vs LBZS 第二场 11.18
2020/11/18 DOTA
Python中urllib+urllib2+cookielib模块编写爬虫实战
2016/01/20 Python
python探索之BaseHTTPServer-实现Web服务器介绍
2017/10/28 Python
Selenium(Python web测试工具)基本用法详解
2018/08/10 Python
python各类经纬度转换的实例代码
2019/08/08 Python
使用Python的datetime库处理时间(RPA流程)
2019/11/24 Python
将keras的h5模型转换为tensorflow的pb模型操作
2020/05/25 Python
css3制作动态进度条以及附加jQuery百分比数字显示
2012/12/13 HTML / CSS
英国赛车、汽车改装和摩托车零件购物网站:Demon Tweeks
2018/10/29 全球购物
领导干部作风整顿剖析材料
2014/10/11 职场文书
乡镇党的群众路线教育实践活动个人整改方案
2014/10/31 职场文书
2015年挂职锻炼工作总结
2014/12/12 职场文书
学校运动会通讯稿
2015/07/18 职场文书
python 算法题——快乐数的多种解法
2021/05/27 Python
Jupyter Notebook内使用argparse报错的解决方案
2021/06/03 Python
详细聊聊浏览器是如何看闭包的
2021/11/11 Javascript
MySQL中varchar和char类型的区别
2021/11/17 MySQL