浅谈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 相关文章推荐
javascript循环变量注册dom事件 之强大的闭包
Sep 08 Javascript
js Dialog 去掉右上角的X关闭功能
Apr 23 Javascript
jquery 中的each()跳出循环的语句
May 23 Javascript
Linux下编译安装php libevent扩展实例
Feb 14 Javascript
原生js实现addClass,removeClass,hasClass方法
Apr 27 Javascript
Javascript之图片的延迟加载的实例详解
Jul 24 Javascript
基于Vue生产环境部署详解
Sep 15 Javascript
Bootstrap导航菜单点击后无法自动添加active的处理方法
Aug 10 Javascript
JS实现集合的交集、补集、差集、去重运算示例【ES5与ES6写法】
Feb 18 Javascript
JS判断浏览器类型与操作系统的方法分析
Apr 30 Javascript
javascript+css实现俄罗斯方块小游戏
Jun 28 Javascript
基于javascript的无缝滚动动画1
Aug 07 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学习笔记 [预定义数组(超全局数组)]
2011/06/09 PHP
PHP数组排序函数合集 以及它们之间的联系分析
2013/06/27 PHP
ThinkPHP中I(),U(),$this->post()等函数用法
2014/11/22 PHP
php实现的中文分词类完整实例
2017/02/06 PHP
javascript 无提示关闭窗口脚本
2009/08/17 Javascript
JavaScript 图片预览效果 推荐
2009/12/22 Javascript
Lazy Load 延迟加载图片的 jQuery 插件
2010/02/06 Javascript
jQuery的几个我们必须了解的特点
2015/05/03 Javascript
Perl Substr()函数及函数的应用
2015/12/16 Javascript
JS实现动态生成表格并提交表格数据向后端
2020/11/25 Javascript
JS及PHP代码编写八大排序算法
2016/07/12 Javascript
vue2.0构建单页应用最佳实战
2017/04/01 Javascript
解决vue admin element noCache设置无效的问题
2019/11/12 Javascript
用js限制网页只在微信浏览器中打开(或者只能手机端访问)
2020/12/24 Javascript
jQuery实现tab栏切换效果
2020/12/22 jQuery
[50:27]OG vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.26
2018/08/30 DOTA
Java中重定向输出流实现用文件记录程序日志
2015/06/12 Python
Python中Django框架利用url来控制登录的方法
2015/07/25 Python
Python编写登陆接口的方法
2017/07/10 Python
浅谈python中的数字类型与处理工具
2017/08/02 Python
Python读取Word(.docx)正文信息的方法
2018/03/15 Python
python 限制函数执行时间,自己实现timeout的实例
2019/01/12 Python
pandas计算最大连续间隔的方法
2019/07/04 Python
Python使用Beautiful Soup爬取豆瓣音乐排行榜过程解析
2019/08/15 Python
pycharm2020.1.2永久破解激活教程,实测有效
2020/10/29 Python
matplotlib绘制正余弦曲线图的实现
2021/02/22 Python
雅诗兰黛(Estee Lauder)英国官方网站:世界顶级化妆品牌
2016/12/29 全球购物
软件测试工程师结构化面试题库
2016/11/23 面试题
汽修专业学生自我鉴定
2013/11/16 职场文书
科技开发中心办公室主任岗位责任制
2014/02/10 职场文书
生产厂长岗位职责
2014/02/21 职场文书
海洋科学专业求职信
2014/08/10 职场文书
事业单位考察材料范文
2014/12/25 职场文书
导游词书写之黄山
2019/08/06 职场文书
纯CSS3实现div按照顺序出入效果
2021/07/15 HTML / CSS
Nginx虚拟主机的配置步骤过程全解
2022/03/31 Servers