浅谈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 相关文章推荐
js编码之encodeURIComponent使用介绍(asp,php)
Mar 01 Javascript
使用javascript做的一个随机点名程序
Feb 13 Javascript
JavaScript中Cookies的相关使用教程
Jun 04 Javascript
详解JavaScript对象和数组
Dec 03 Javascript
js传值后台中文出现乱码的解决方法
Jun 30 Javascript
angular实现form验证实例代码
Jan 17 Javascript
jquery设置css样式的多种方法(总结)
Feb 21 Javascript
基于JavaScript实现滑动门效果
Mar 16 Javascript
JS实现的JSON数组去重算法示例
Apr 11 Javascript
详解Angularjs 自定义指令中的数据绑定
Jul 19 Javascript
C#程序员入门学习微信小程序的笔记
Mar 05 Javascript
Vue export import 导入导出的多种方式与区别介绍
Feb 12 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采集利器 Snoopy 试用心得
2011/07/03 PHP
PHP使用socket发送HTTP请求的方法
2016/02/14 PHP
url参数中有+、空格、=、%、&、#等特殊符号的问题解决
2013/05/15 Javascript
Javascript四舍五入Math.round()与Math.pow()使用介绍
2013/12/27 Javascript
JQuery遍历json数组的3种方法
2014/11/08 Javascript
使用AOP改善javascript代码
2015/05/01 Javascript
Js和JQuery获取鼠标指针坐标的实现代码分享
2015/05/25 Javascript
Vue.js基础知识汇总
2016/04/27 Javascript
jQuery animate easing使用方法图文详解
2016/06/17 Javascript
AngularJS基础 ng-init 指令简单示例
2016/08/02 Javascript
JavaScript 冒泡排序和选择排序的实现代码
2016/09/03 Javascript
详解如何使用webpack+es6开发angular1.x
2017/08/16 Javascript
vue单页面打包文件大?首次加载慢?nginx带你飞,从7.5M到1.3M蜕变过程(推荐)
2018/01/16 Javascript
Vue2 轮播图slide组件实例代码
2018/05/31 Javascript
ES6中字符串的使用方法扩展
2019/06/04 Javascript
[01:00:25]NB vs Secret 2018国际邀请赛小组赛BO1 B组加赛 8.19
2018/08/21 DOTA
python采集博客中上传的QQ截图文件
2014/07/18 Python
Python实现时钟显示效果思路详解
2018/04/11 Python
Django分页查询并返回jsons数据(中文乱码解决方法)
2018/08/02 Python
Python 自动登录淘宝并保存登录信息的方法
2019/09/04 Python
总结Pyinstaller的坑及终极解决方法(小结)
2020/09/21 Python
西班牙英格列斯百货官网:El Corte Inglés
2016/09/25 全球购物
加拿大租车网站:Enterprise Rent-A-Car
2018/07/26 全球购物
局域网定义和特性
2016/01/23 面试题
linux面试题参考答案(5)
2016/11/05 面试题
综合素质的自我鉴定
2013/10/07 职场文书
实习生个人的自我评价
2013/12/08 职场文书
五十岁生日宴会答谢词
2014/01/15 职场文书
见习期自我鉴定
2014/01/31 职场文书
高考备战决心书
2014/03/11 职场文书
新年爱情寄语
2014/04/08 职场文书
卖车协议书
2014/04/21 职场文书
自动化专业毕业生求职信
2014/06/18 职场文书
抄袭同学作业检讨书1000字
2014/11/20 职场文书
幼儿园安全教育月活动总结
2015/05/08 职场文书
婚宴新娘致辞
2015/07/28 职场文书