浅谈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 相关文章推荐
jquery UI 1.72 之datepicker
Dec 29 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(二)人物行走的实现
Jan 23 Javascript
js特殊字符转义介绍
Nov 05 Javascript
jQuery 计算iframe 窗口大小的方法
May 13 Javascript
jQuery插件Timelinr 实现时间轴特效
Oct 04 Javascript
js判断移动端是否安装某款app的多种方法
Dec 18 Javascript
JavaScript 经典实例日常收集整理(常用经典)
Mar 30 Javascript
Angularjs根据json文件动态生成路由状态的实现方法
Apr 17 Javascript
jQuery完成表单验证的实例代码(纯代码)
Sep 30 jQuery
CheckBox多选取值及判断CheckBox选中是否为空的实例
Oct 31 Javascript
JS实现普通轮播图特效
Jan 01 Javascript
jQuery实现本地存储
Dec 22 jQuery
原生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的日期处理函数及uchome的function_coomon中日期处理函数的研究
2011/01/12 PHP
php根据用户语言跳转相应网页
2015/11/04 PHP
php使用redis的几种常见操作方式和用法示例
2020/02/20 PHP
js几个验证函数代码
2010/03/25 Javascript
JQuery UI DatePicker中z-index默认为1的解决办法
2010/09/28 Javascript
jquery 层次选择器siblings与nextAll的区别介绍
2013/08/02 Javascript
javascript验证只能输入数字和一个小数点示例
2013/10/21 Javascript
Javascript堆排序算法详解
2014/12/03 Javascript
jQuery实现的分页功能示例
2017/01/22 Javascript
js清除浏览器缓存的几种方法
2017/03/15 Javascript
Vue2.0+ElementUI实现表格翻页的实例
2017/10/23 Javascript
React Native中导航组件react-navigation跨tab路由处理详解
2017/10/31 Javascript
javascript 通过键名获取键盘的keyCode方法
2017/12/31 Javascript
详解使用uni-app开发微信小程序之登录模块
2019/05/09 Javascript
JS代码屏蔽F12,右键,粘贴,复制,剪切,选中,操作实例
2019/09/17 Javascript
[50:01]Ti4 冒泡赛第二天 NEWBEE vs Titan
2014/07/15 DOTA
[01:08:33]OG vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python文件及目录操作实例详解
2015/06/04 Python
详解python中executemany和序列的使用方法
2017/08/12 Python
对变量赋值的理解--Pyton中让两个值互换的实现方法
2017/11/29 Python
Python3导入CSV文件的实例(跟Python2有些许的不同)
2018/06/22 Python
Python实现iOS自动化打包详解步骤
2018/10/03 Python
10个Python面试常问的问题(小结)
2019/11/20 Python
Pandas将列表(List)转换为数据框(Dataframe)
2020/04/24 Python
详解CSS3中的box-sizing(content-box与border-box)
2019/04/19 HTML / CSS
HTML5 canvas基本绘图之绘制线段
2016/06/27 HTML / CSS
俄罗斯电子产品、计算机和家用电器购物网站:OLDI
2019/10/27 全球购物
Calphalon美国官网:美国顶级锅具品牌
2020/02/05 全球购物
高中同学聚会邀请函
2014/01/11 职场文书
高中军训感言200字
2014/02/23 职场文书
财产公证书格式
2014/04/10 职场文书
公关活动策划方案
2014/05/25 职场文书
文明城市标语
2014/06/16 职场文书
大学生安全教育心得体会
2016/01/15 职场文书
HAM-2000摩机图
2021/04/22 无线电
mysql数据库入门第一步之创建表
2021/05/14 MySQL