浅谈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 相关文章推荐
ASP.NET jQuery 实例4(复制TextBox的文本到本地剪贴板上)
Jan 13 Javascript
一款jquery特效编写的大度宽屏焦点图切换特效的实例代码
Aug 05 Javascript
提升jQuery的性能需要做好七件事
Jan 11 Javascript
jQuery与Ajax以及序列化
Feb 01 Javascript
vue.js学习笔记之绑定style样式和class列表
Oct 31 Javascript
关于webpack代码拆分的解析
Jul 20 Javascript
vue项目中导入swiper插件的方法
Jan 30 Javascript
微信小程序实现自定义picker选择器弹窗内容
May 26 Javascript
Vue是怎么渲染template内的标签内容的
Jun 05 Javascript
JS sort方法基于数组对象属性值排序
Jul 10 Javascript
js实现纯前端压缩图片
Nov 16 Javascript
关于对TypeScript泛型参数的默认值理解
Jul 15 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中的正规表达式(二)
2006/10/09 PHP
php实现session自定义会话处理器的方法
2015/01/27 PHP
jQuery中json对象的复制方式介绍(数组及对象)
2013/06/08 Javascript
jQuery简单实现banner图片切换
2014/01/02 Javascript
js分页代码分享
2014/04/28 Javascript
jQuery+CSS3实现3D立方体旋转效果
2015/11/10 Javascript
用js读写cookie的简单方法(推荐)
2016/08/08 Javascript
vue实现添加标签demo示例代码
2017/01/21 Javascript
Vue2.0 UI框架ElementUI使用方法详解
2017/04/14 Javascript
js事件委托和事件代理案例分享
2017/07/25 Javascript
vue中子组件向父组件传递数据的实例代码(实现加减功能)
2018/04/20 Javascript
利用npm 安装删除模块的方法
2018/05/15 Javascript
vue中子组件的methods中获取到props中的值方法
2018/08/27 Javascript
vue移动端模态框(可传参)的实现
2019/11/20 Javascript
[02:47]DOTA2英雄基础教程 野性怒吼兽王
2013/12/05 DOTA
python 动态获取当前运行的类名和函数名的方法
2014/04/15 Python
Python中super的用法实例
2015/05/28 Python
PyQt5的安装配置过程,将ui文件转为py文件后显示窗口的实例
2019/06/19 Python
Python 实现大整数乘法算法的示例代码
2019/09/17 Python
python爬虫开发之urllib模块详细使用方法与实例全解
2020/03/09 Python
Django权限设置及验证方式
2020/05/13 Python
python实现杨辉三角的几种方法代码实例
2021/03/02 Python
详解HTML5 data-* 自定义属性
2018/01/24 HTML / CSS
美国嘻哈首饰购物网站:Hip Hop Bling
2016/12/30 全球购物
Perfume’s Club英国官网:购买香水和护肤品
2019/11/02 全球购物
linux面试题参考答案(1)
2016/01/22 面试题
五年级音乐教学反思
2014/02/06 职场文书
幼儿园庆六一活动方案
2014/03/06 职场文书
2014年大学生四年规划书范文
2014/04/03 职场文书
公司档案管理制度
2015/08/05 职场文书
初中语文教学研修日志
2015/11/13 职场文书
团支部书记竞选稿
2015/11/21 职场文书
2016年暑假家长对孩子评语
2015/12/01 职场文书
如何用JavaScript实现一个数组惰性求值库
2021/05/05 Javascript
python opencv通过4坐标剪裁图片
2021/06/05 Python
使用 CSS 轻松实现一些高频出现的奇形怪状按钮
2021/12/06 HTML / CSS