曾经有一段时间,XML是互联网上传输结构化数据的事实标准,但很多人认为XML过于繁琐,冗长.为了解决这一问题,2006年Duglas Crockford把JSON(javaScript Object Notation,对象表示法)作为IETFRFC4627提交给IETF,而JSON的应用早在2001年就开始了,JSON是javascript的严格的子集,表示结构化数据
关于JSON,它是一种数据结构,不是一种编程语言
语法
- 简单值: 使用与JavaScript相同的语法,可以在JSON中表示字符串 数值 布尔值和null,不支持undefined
- 对象: 对象做为一种复杂数据结构,表示是一组无序键值对
- 数组: 数组也是一种复杂的数据结构,表示一组有序的值得列表,可以通过数值的索引来访问其中的值
简单值
最简单的JSON数据形式就是简单值.
5 //JSON表示5的方式
"Hello World" //JSON字符串必须使用双引号
对象
JSON中的对象与JavaScript字面量有一些不同,下面是Js字面量:
var person = {
name : "yym",
age : 24
}
JSON中的对象要求给属性加引号
// 不用声明变量
{
"name" : "yym",
"age" : 24,
"school" : {
"location" : "beijing"
}
}
数组
JSON数组也没有变量和分号
[
{
"title": "pro Js",
"author": [
"yym"
],
"edition": 3,
"year" : 2011
},
{
"title": "pro Js",
"author": [
"yym"
],
"edition": 2,
"year" : 2015
},
{
"title": "pro Js",
"author": [
"yym"
],
"edition": 1,
"year" : 2011
}
]
对象和数组通常是JSON数据结构最外层,利用他们可以创造出各种各样的数据结构
JSON对象
早期JSON解析器基本上使用JS的eval()函数,由于JSON是Javascript语法的子集,因此eval()可以解析并返回JavaScript对象和数组
JSON对象有两个方法:
-
stringify()把JavaScript对象序列化为JSON字符串 -
parse()把JSON字符串解析为原生JavaScript的值
var book = {
"title": "pro Js",
"author": [
"yym"
],
"edition": 3,
"year" : 2011
}
var jsonText = JSON.stringify(book)
//{"title": "pro Js","author": ["yym"],"edition": 3,"year" : 2011}
在序列化对象时,所有函数及原型成员都会有意忽略,不体现在结果中,值为undefined的任何属性也会被跳过,最终值为有效的JSON数据类型的实例属性
将JSON字符串直接传递给JSON.parse()可以得到相应的javaScript的值
var bookCopy = JSON.parse(jsonText)
序列化选项
实际上,JSON.stringify()除了要序列化的JavaScript对象外,还可以接受两个参数,第一个参数是过滤器,可以是数组,也可以是函数,第二个参数是一个选项,表示是否在JSON字符串中保留缩进
- 过滤结果
// 过滤器是数组,结果中只包含数组中列出的对象
var book = {
"title": "pro Js",
"author": [
"yym"
],
"edition": 3,
"year" : 2011
}
var jsonText = JSON.stringify(book,["title","edition"])
//{"title": "pro Js","edition": 3}
- 字符串缩进
JSON.stringify()第三个参数用于控制结果中的缩进和空白符,如果参数是一个数值,表示每个级别缩进的空格数 数值和字符串都不能超过10
var book = {
"title": "pro Js",
"author": [
"yym"
],
"edition": 3,
"year" : 2011
}
var jsonText = JSON.stringify(book,null,4)
//
{
"title": "pro Js",
"author": [
"yym"
],
"edition": 3,
"year" : 2011
}
-
toJSON()方法
有时候,JSON.stringify()还是不能满足某些对象进行自定义序列化的需求,在某些情况下,可以给对象定义toJSON()方法,返回器自身的JSON数据格式
var book = {
"title": "pro Js",
"author": [
"yym"
],
"edition": 3,
"year" : 2011,
toJSON: function(){
return this.title; //返回图书的书名
}
};
var jsonText = JSON.stringify(book)
序列化对象顺序
- 如果存在
toJSON()方法而且能通过它取得的有效值,则调用该方法,否则,返回对象本身. - 如果提供第二个参数,应用这个函数过滤器,传入函数过滤器值是第1步返回的值
- 对第2步返回的每个值序列化
- 如果提供第三个参数,执行相应的格式化
解析选项
JSON.parse()方法也可以接受另一个参数,该参数是一个函数,在每个键值对上调用,这个函数被称为还原函数(reviver)
如果还原函数返回undefined,则表示要从结果中删除相应的键;如果返回其他值,则将该值插入到结果中.在日期字符串转换为Date对象时,经常要用到还原函数
var book = {
"title": "pro Js",
"author": [
"yym"
],
"edition": 3,
"year" : 2011,
releaseDate: new Date(2017,11,11)
};
var jsonText = JSON.stringify(book)
var bookCopy = JSON.parse(jsonText,function(key,value){
if(key == "releaseDate"){
return new Data(value)
}else{
return value
}
})
alert(bookCopy.releaseDate.getFUllYear())
以上代码先为book对象新增一个属性,该属性保存Date对象,这个对象在经过序列化之后变成有效字符串,经过解析又在bookCopy中还原一个Date对象.
小结
- JSON是一个轻量级的数据格式,可以简化表示复杂数据的工作量.JSON使用JavaScript语法的自己表示对象
JSON.stringify() JSON.parse()
