JS操作JSON方法总结(推荐)


Posted in Javascript onJune 14, 2016

JSON概述:

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不需要任何特殊的 API 或工具包。

JSON:JavaScript 对象表示法(JavaScript Object Notation)。

JSON 是存储和交换文本信息的语法。类似 XML。

JSON 比 XML 更小、更快,更易解析。

JSON 语法规则

JSON 语法是 JavaScript 对象表示法语法的子集。

数据在名称/值对中

数据由逗号分隔

花括号保存对象

方括号保存数组

好了,以上所述不是本文的重点,本文主要是对JS操作JSON的方法做下总

在JSON中,有两种结构:对象和数组。

1. 一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值' 对”之间使用“,”(逗号)分隔。 名称用引号括起来;值如果是字符串则必须用括号,数值型则不需要。例如:

var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"};

2. 数组是值(value)的有序集合。一个数组以“[”(左中括号)开始,“]”(右中括号)结束。值之间使用“,”(逗号)分隔。

例如:

var jsonranklist=[{"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"},{"xlid":"zd","xldigitid":123456,"topscore":1500,"topplaytime":"2009-11-20"}];

为了方便地处理JSON数据,JSON提供了json.js包,下载地址:http://www.json.org/json.js

在数据传输过程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。例如:

JSON字符串:

var str1 = '{ "name": "cxh", "sex": "man" }';

JSON对象:

var str2 = { "name": "cxh", "sex": "man" };

一、JSON字符串转换为JSON对象

要使用上面的str1,必须使用下面的方法先转化为JSON对象:

//由JSON字符串转换为JSON对象
var obj = eval('(' + str + ')');

或者

var obj = str.parseJSON(); //由JSON字符串转换为JSON对象

或者

var obj = JSON.parse(str); //由JSON字符串转换为JSON对象

然后,就可以这样读取:

Alert(obj.name);
Alert(obj.sex);

特别注意:如果obj本来就是一个JSON对象,那么使用eval()函数转换后(哪怕是多次转换)还是JSON对象,但是使用parseJSON()函数处理后会有问题(抛出语法异常)。

二、可以使用toJSONString()或者全局方法JSON.stringify()将JSON对象转化为JSON字符串。

例如:

var last=obj.toJSONString(); //将JSON对象转化为JSON字符

或者

var last=JSON.stringify(obj); //将JSON对象转化为JSON字符
alert(last);

三水点靠木友情提醒大家需要注意问题:

上面的几个方法中,除了eval()函数是js自带的之外,其他的几个方法都来自json.js包。新版本的 JSON 修改了 API,将 JSON.stringify() 和 JSON.parse() 两个方法都注入到了 Javascript 的内建对象里面,前者变成了 Object.toJSONString(),而后者变成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()方法,则说明您的json包版本太低。

以上所述是小编给大家介绍的JS操作JSON方法总结(推荐)的全部叙述,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
firefox下frameset取不到值的解决方法
Sep 06 Javascript
javascript实现检验的各种规则
Jul 31 Javascript
jquery实现Li滚动时滚动条自动添加样式的方法
Aug 10 Javascript
你所未知的3种Node.js代码优化方式
Feb 25 Javascript
jQuery侧边栏实现代码
May 06 Javascript
利用JS如何计算字符串所占字节数示例代码
Sep 13 Javascript
vuejs使用$emit和$on进行组件之间的传值的示例
Oct 04 Javascript
JS常见构造模式实例对比分析
Aug 27 Javascript
原生JS实现随机点名项目的实例代码
Apr 30 Javascript
Vue + Elementui实现多标签页共存的方法
Jun 12 Javascript
基于vue的tab-list类目切换商品列表组件的示例代码
Feb 14 Javascript
Vue多选列表组件深入详解
Mar 02 Vue.js
JavaScript Promise 用法
Jun 14 #Javascript
Javascript基础_简单比较undefined和null 值
Jun 14 #Javascript
Javascript缓存API
Jun 14 #Javascript
JS修改地址栏参数实例代码
Jun 14 #Javascript
JS获取地址栏参数的两种方法(简单实用)
Jun 14 #Javascript
Javascript基础_嵌入图像的简单实现
Jun 14 #Javascript
jQuery实例—选项卡的简单实现(js源码和jQuery)
Jun 14 #Javascript
You might like
转换中文日期的PHP程序
2006/10/09 PHP
php之CodeIgniter学习笔记
2013/06/17 PHP
php+jQuery+Ajax简单实现页面异步刷新
2016/08/08 PHP
php+ajax实现带进度条的上传图片功能【附demo源码下载】
2016/09/14 PHP
php基于session锁防止阻塞请求的方法分析
2017/08/07 PHP
实例:用 JavaScript 来操作字符串(一些字符串函数)
2007/02/15 Javascript
转自Jquery官方 jQuery1.1.3发布,速度提升800%,体积保持20K
2007/08/19 Javascript
超强的IE背景图片闪烁(抖动)的解决办法
2007/09/09 Javascript
原生JS实现的放大镜效果实例代码
2016/10/15 Javascript
微信小程序 require机制详解及实例代码
2016/12/14 Javascript
nodejs创建简易web服务器与文件读写的实例
2017/09/07 NodeJs
vue 文件目录结构详解
2017/11/24 Javascript
使用Vue写一个datepicker的示例
2018/01/27 Javascript
vue 登录滑动验证实现代码
2018/08/24 Javascript
微信小程序上传图片到php服务器的方法
2019/05/23 Javascript
[38:42]完美世界DOTA2联赛循环赛 Matador vs Forest BO2第二场 11.05
2020/11/05 DOTA
python正则表达式判断字符串是否是全部小写示例
2013/12/25 Python
利用python打印出菱形、三角形以及矩形的方法实例
2017/08/08 Python
Python Pillow Image Invert
2019/01/22 Python
python实现图片横向和纵向拼接
2020/03/05 Python
Django如何在不停机的情况下创建索引
2020/08/02 Python
python 深度学习中的4种激活函数
2020/09/18 Python
编译 pycaffe时报错:fatal error: numpy/arrayobject.h没有那个文件或目录
2020/11/29 Python
Python入门基础之数字字符串与列表
2021/02/01 Python
python利用proxybroker构建爬虫免费IP代理池的实现
2021/02/21 Python
使用CSS3制作响应式导航菜单的方法
2015/07/12 HTML / CSS
应届生财务会计求职信
2013/11/05 职场文书
计算机操作自荐信
2013/12/07 职场文书
经理管理专业自荐信范文
2013/12/31 职场文书
高二政治教学反思
2014/02/01 职场文书
大学生创业计划书怎么写
2014/09/15 职场文书
欢迎词范文
2015/01/27 职场文书
亮剑观后感
2015/06/05 职场文书
干部考核工作总结
2015/08/12 职场文书
运动会200米广播稿
2015/08/19 职场文书
2016年寒假生活小结
2015/10/10 职场文书