浅谈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静态的动态
Sep 18 Javascript
js cookies 常见网页木马挂马代码 24小时只加载一次
Apr 13 Javascript
jquery获取input表单值的代码
Apr 19 Javascript
JS俄罗斯方块,包含完整的设计理念
Dec 11 Javascript
IE与FF下javascript获取网页及窗口大小的区别详解
Jan 14 Javascript
jQuery+slidereveal实现的面板滑动侧边展出效果
Mar 14 Javascript
jquery中ajax处理跨域的三大方式
Jan 05 Javascript
JavaScript面向对象程序设计教程
Mar 29 Javascript
JavaScript禁止复制与粘贴的实现代码
May 16 Javascript
详解vue-cli脚手架中webpack配置方法
Aug 22 Javascript
使用weixin-java-miniapp配置进行单个小程序的配置详解
Mar 29 Javascript
JavaScript ECMA-262-3 深入解析(二):变量对象实例详解
Apr 25 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的正则处理函数总结分析
2008/06/20 PHP
Linux下PHP加速器APC的安装与配置笔记
2014/10/24 PHP
ubuntu下配置nginx+php+mysql详解
2015/09/10 PHP
PHP中有关长整数的一些操作教程
2019/09/11 PHP
TP5框架实现自定义分页样式的方法示例
2020/04/05 PHP
一个对于js this关键字的问题
2007/01/09 Javascript
js 发个判断字符串是否为符合标准的函数
2009/04/27 Javascript
JS小框架 fly javascript framework
2009/11/26 Javascript
Node.js事件循环(Event Loop)和线程池详解
2015/01/28 Javascript
常用DOM整理
2015/06/16 Javascript
谈谈JavaScript异步函数发展历程
2015/09/29 Javascript
JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
2016/06/24 Javascript
浅谈javascript控制HTML5的全屏操控,浏览器兼容的问题
2016/10/10 Javascript
Vue实现双向绑定的方法
2016/12/22 Javascript
JQuery判断正整数整理小结
2017/08/21 jQuery
JavaScript事件对象event用法分析
2018/07/27 Javascript
一个Vue视频媒体多段裁剪组件的实现示例
2018/08/09 Javascript
解决vue-router在同一个路由下切换,取不到变化的路由参数问题
2018/09/01 Javascript
解决vue 子组件修改父组件传来的props值报错问题
2019/11/09 Javascript
Vue之封装公用变量以及实现方式
2020/07/31 Javascript
返回上一个url并刷新界面的js代码
2020/09/12 Javascript
angular8.5集成TinyMce5的使用和详细配置(推荐)
2020/11/16 Javascript
Python中的推导式使用详解
2015/06/03 Python
python实现字符串连接的三种方法及其效率、适用场景详解
2017/01/13 Python
Linux(Redhat)安装python3.6虚拟环境(推荐)
2018/05/05 Python
pygame实现俄罗斯方块游戏(基础篇1)
2019/10/29 Python
浅谈python处理json和redis hash的坑
2020/07/16 Python
Django用户认证系统如何实现自定义
2020/11/12 Python
发展部经理职责规定
2014/02/22 职场文书
财务管理专业毕业生求职信
2014/06/02 职场文书
出纳试用期自我鉴定范文
2014/09/16 职场文书
医学专业大学生职业生涯规划书
2014/10/25 职场文书
写给纪委的违纪检讨书
2015/05/05 职场文书
大学生青年志愿者活动总结
2015/05/06 职场文书
2015年暑期实践报告范文
2015/07/13 职场文书