浅谈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 一行代码,轻松搞定浮动快捷留言-V2升级版
Apr 02 Javascript
javascript错误的认识不用关心内存管理
Dec 15 Javascript
js校验表单后提交表单的三种方法总结
Feb 28 Javascript
css与javascript跨浏览器兼容性总结
Sep 15 Javascript
JS+CSS实现自动改变切换方向图片幻灯切换效果的方法
Mar 02 Javascript
fullpage.js全屏滚动插件使用实例
Sep 06 Javascript
JS实现的相册图片左右滚动完整实例
Nov 23 Javascript
JavaScript中的子窗口与父窗口的互相调用问题
Feb 08 Javascript
Angular 4.0学习教程之架构详解
Sep 12 Javascript
Angular 组件之间的交互的示例代码
Mar 24 Javascript
深入解读Node.js中的koa源码
Jun 17 Javascript
jQuery实现轮播图效果
Nov 26 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
动态网站web开发 PHP、ASP还是ASP.NET
2006/10/09 PHP
PHP教程 变量定义
2009/10/23 PHP
php 读取输出其他文件的实现方法
2016/07/26 PHP
PHP和MYSQL实现分页导航思路详解
2017/04/11 PHP
PHP二维数组实现去除重复项的方法【保留各个键值】
2017/12/21 PHP
PHP递归实现快速排序的方法示例
2017/12/18 PHP
Nigma vs Alliance BO5 第三场2.14
2021/03/10 DOTA
jQuery JSON的解析方式分享
2011/04/05 Javascript
JavaScript实现点击按钮切换网页背景色的方法
2015/10/17 Javascript
jquery实现移动端点击图片查看大图特效
2020/09/11 Javascript
学习javascript文件加载优化
2016/02/19 Javascript
浅谈js中的引用和复制(传值和传址)
2016/09/18 Javascript
jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
2016/12/26 Javascript
手把手教你把nodejs部署到linux上跑出hello world
2017/06/19 NodeJs
浅谈对Angular中的生命周期钩子的理解
2017/07/31 Javascript
Vue2 监听属性改变watch的实例代码
2018/08/27 Javascript
微信小程序下拉框搜索功能的实现方法
2019/07/31 Javascript
简单分析python的类变量、实例变量
2019/08/23 Python
python多进程并行代码实例
2019/09/30 Python
Python上下文管理器全实例详解
2019/11/12 Python
用python拟合等角螺线的实现示例
2019/12/27 Python
python IDLE添加行号显示教程
2020/04/25 Python
Python模块zipfile原理及使用方法详解
2020/08/04 Python
selenium+headless chrome爬虫的实现示例
2021/01/08 Python
用html5的canvas画布绘制贝塞尔曲线完整代码
2013/08/14 HTML / CSS
美国护肤咨询及美容产品电商:Askderm
2017/02/24 全球购物
Spartoo比利时:欧洲时尚购物网站
2017/12/06 全球购物
行政办公员自我评价分享
2013/12/14 职场文书
《燕子》教学反思
2014/02/18 职场文书
省级优秀毕业生主要事迹
2014/05/29 职场文书
刑事辩护授权委托书范本
2014/10/17 职场文书
学习党的群众路线教育实践活动心得体会范文
2014/11/03 职场文书
2015年科普工作总结
2015/07/23 职场文书
2016年小学“感恩教师”主题队日活动总结
2016/04/01 职场文书
创业计划书之熟食店
2019/10/16 职场文书
mysql数据库入门第一步之创建表
2021/05/14 MySQL