浅谈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 相关文章推荐
Prototype使用指南之dom.js
Jan 10 Javascript
jQuery 判断页面元素是否存在的代码
Aug 14 Javascript
js处理json以及字符串的比较等常用操作
Sep 08 Javascript
浅谈checkbox的一些操作(实战经验)
Nov 20 Javascript
js中同步与异步处理的方法和区别总结
Dec 25 Javascript
js opener的使用详解
Jan 11 Javascript
Javascript闭包与函数柯里化浅析
Jun 22 Javascript
JS实现仿PS的调色板效果完整实例
Dec 21 Javascript
jQuery操作复选框(CheckBox)的取值赋值实现代码
Jan 10 Javascript
微信小程序 图片宽度自适应的实现
Apr 06 Javascript
vue+webpack 打包文件 404 页面空白的解决方法
Feb 28 Javascript
从原生JavaScript到React深入理解
Jul 23 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
Uchome1.2 1.5 代码学习 common.php
2009/04/24 PHP
PHP 面向对象程序设计(oop)学习笔记 (四) - 异常处理类Exception
2014/06/12 PHP
CodeIgniter分页类pagination使用方法示例
2016/03/28 PHP
thinkPHP模板引擎用法示例
2016/12/08 PHP
PHP+原生态ajax实现的省市联动功能详解
2017/08/15 PHP
在Laravel5.6中使用Swoole的协程数据库查询
2018/06/15 PHP
ThinkPHP5.1框架数据库链接和增删改查操作示例
2019/08/03 PHP
EXTJS记事本 当CompositeField遇上RowEditor
2011/07/31 Javascript
js 数组去重的四种实用方法
2014/09/09 Javascript
流量统计器如何鉴别C#:WebBrowser中伪造referer
2015/01/07 Javascript
详解Bootstrap插件
2016/04/25 Javascript
jQuery实现的小图列表,大图展示效果幻灯片示例
2016/10/25 Javascript
Bootstrap CSS组件之输入框组
2016/12/17 Javascript
详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
2017/06/01 jQuery
jquery Ajax实现Select动态添加数据
2017/06/08 jQuery
vue高德地图之玩转周边
2017/06/16 Javascript
JavaScript实现简单的树形菜单效果
2017/06/23 Javascript
JS使用tofixed与round处理数据四舍五入的区别
2017/10/25 Javascript
JS实现的计数排序与基数排序算法示例
2017/12/04 Javascript
p5.js 毕达哥拉斯树的实现代码
2018/03/23 Javascript
layer.alert自定义关闭回调事件的方法
2019/09/27 Javascript
JS检测浏览器开发者工具是否打开的方法详解
2020/10/02 Javascript
Ruby使用eventmachine为HTTP服务器添加文件下载功能
2016/04/20 Python
Python Paramiko模块的使用实际案例
2018/02/01 Python
Django框架的使用教程路由请求响应的方法
2018/07/03 Python
解决Django中checkbox复选框的传值问题
2020/03/31 Python
Scrapy爬虫文件批量运行的实现
2020/09/30 Python
彻底弄明白CSS3的Media Queries(跨平台设计)
2010/07/27 HTML / CSS
CSS3中的opacity属性使用教程
2015/08/19 HTML / CSS
加拿大休闲和工业服装和鞋类零售商:L’Équipeur
2018/01/12 全球购物
房屋租赁意向书
2014/04/01 职场文书
父母对孩子说的话
2014/04/12 职场文书
四查四看整改措施
2014/09/19 职场文书
化验室岗位职责
2015/02/14 职场文书
学校党支部公开承诺书
2015/04/30 职场文书
银行柜员优质服务心得体会
2016/01/22 职场文书