浅谈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 相关文章推荐
一页面多XMLHttpRequest对象
Jan 22 Javascript
解决Jquery load()加载GB2312页面时出现乱码的两种方案
Sep 10 Javascript
JavaScript中解析JSON数据的三种方法
Jul 03 Javascript
使用基于Node.js的构建工具Grunt来发布ASP.NET MVC项目
Feb 15 Javascript
JavaScript学习笔记之数组求和方法
Mar 23 Javascript
用jQuery向div中添加Html文本内容的简单实现
Jul 13 Javascript
jQuery Ajax Post 回调函数不执行问题的解决方法
Aug 15 Javascript
Vuejs第六篇之Vuejs与form元素实例解析
Sep 05 Javascript
js css3实现图片拖拽效果
Mar 04 Javascript
JS常用排序方法实例代码解析
Mar 03 Javascript
序列化模块json代码实例详解
Mar 03 Javascript
Angular性能优化之第三方组件和懒加载技术
May 10 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写入数据到CSV文件的方法
2015/03/14 PHP
PHP计算数组中值的和与乘积的方法(array_sum与array_product函数)
2016/04/01 PHP
深入理解PHP 数组之count 函数
2016/06/13 PHP
php实现留言板功能(代码详解)
2017/03/28 PHP
jqPlot Option配置对象详解
2009/07/25 Javascript
js禁止document element对象选中文本实现代码
2013/03/21 Javascript
javascript中的遍历for in 以及with的用法
2014/12/22 Javascript
JS通过ajax动态读取xml文件内容的方法
2015/03/24 Javascript
JS+CSS实现电子商务网站导航模板效果代码
2015/09/10 Javascript
JavaScript的==运算详解
2016/07/20 Javascript
ES6新特征数字、数组、字符串
2016/10/01 Javascript
javascript 网页进度条简单实例
2017/02/22 Javascript
Vue 2.0 服务端渲染入门介绍
2017/03/29 Javascript
vue实现app页面切换动画效果实例
2017/05/23 Javascript
Vue2 配置 Axios api 接口调用文件的方法
2017/11/13 Javascript
详解JavaScript 中 if / if...else...替换方式
2018/07/15 Javascript
微信小程序 wepy框架与iview-weapp的用法详解
2019/04/10 Javascript
Vue实现验证码功能
2019/12/03 Javascript
微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现
2020/08/19 Javascript
Python3实现爬取简书首页文章标题和文章链接的方法【测试可用】
2018/12/11 Python
详解python中递归函数
2019/04/16 Python
Python 3 实现定义跨模块的全局变量和使用教程
2019/07/07 Python
Django之使用内置函数和celery发邮件的方法示例
2019/09/16 Python
python多进程使用函数封装实例
2020/05/02 Python
英国简约舒适女装品牌:Great Plains
2018/07/27 全球购物
巴基斯坦购物网站:Goto
2019/03/11 全球购物
高级文秘工作总结的自我评价
2013/09/28 职场文书
服务标语大全
2014/06/18 职场文书
经典演讲稿开场白
2014/08/25 职场文书
交通事故代理词范文
2015/05/23 职场文书
学校团代会开幕词
2016/03/04 职场文书
2019年励志签名:致拼搏路上的自己
2019/10/11 职场文书
MySql开发之自动同步表结构
2021/05/28 MySQL
Linux中Nginx的防盗链和优化的实现代码
2021/06/20 Servers
修改并编译golang源码的操作步骤
2021/07/25 Golang
win10电脑关机快捷键是哪个 win10快速关机的几种方法
2022/08/14 数码科技