JSON (JavaScript Object Notation对象表示法)
一种结构化数据的格式,与JavaScript有相同的语法形式,但不属于JavaScript。支持多种编程语言。
1、语法
JSON有3种类型的值:简单值、对象 和 数组。
简单值:字符串、数值、布尔值、null (JSON不支持JavaScript的特殊值undefined)
对象:一组无序键值对。值可为简单值,或对象和数组。
数组:一组有序键值对。值可为简单值,或对象和数组
JSON不支持变量、函数 和 对象实例。
1-1、简单型
JSON字符串必须使用双引号(单引号会导致语法错误)
1-2、对象
JSON对象的属性必须使用双引号:
{
"name":"xiaoming",
"age":24
}
与JavaScript对象字面量的区别:无声明变量;无末尾分号。
1-3、数组
同样无声明对象;无末尾分号。
2、解析 与 序列化
2-1、JSON对象
早期JSON解析器使用JavaScript的eval()函数解析、解释 并 返回JavaScript对象和数组。ECMAScript5定义了全局对象JSON(支持IE8+ 等 主流浏览器)。
eval()对JSON数据结构求值存在风险,可能会执行恶意代码,故早期浏览器可使用shim:https://github.com/douglascrockford/JSON-js
JSON对象的两个方法:stringify()、parse()
stringify():将JavaScript对象 序列化 为JSON字符串。
stringify()
var book = {
title: "Professional JavaScript",
authors: [
"Nicholas C. Zakas"
],
edition: 3,
year: 2011
};
var jsonText = JSON.stringify(book);
JSON.stringify()输出的JSON字符串 默认 不包含缩进、空格符 和 换行符。
序列化JavaScript对象时,所有函数、原型成员 和 值为undefined的属性 都会被忽略。
parse():将JSON字符串 解析 为原生JavaScript值
传给JSON.parse()的字符串不是有效JSON时,会抛出错误。
※即使stringify()之前和parse()后 两个对象属性相同,也是两个完全独立的对象。
2-2、序列化
JSON.stringify()有3个参数:JavaScript对象、过滤器、控制缩进等格式化
1-过滤器(过滤结果):数组、函数
数组过滤器:JSON.stringify()的结果 将只包含数组中列出的 属性:
数组过滤器
var book = {
title: "Professional JavaScript",
authors: [
"Nicholas C. Zakas"
],
edition: 3,
year: 2011
};
var jsonText = JSON.stringify(book, ["title", "edition"]);
函数过滤器:函数有2个参数,为属性(键)名 和 属性值。属性名只能为字符串,非键值对结构的键名 为空字符串。
通过函数处理特定的属性。序列化的对象中的每个对象都要进过过滤器。
函数过滤器
var book = {
title: "Professional JavaScript",
authors: [
"Nicholas C. Zakas"
],
edition: 3,
year: 2011
};
var jsonText = JSON.stringify(book, function(key, value){
switch(key){
case "authors":
return value.join(",")
case "year":
return 5000;
case "edition":
return undefined;
default:
return value;
}
});
返回:
{"title":"Professional JavaScript","authors":"Nicholas C. Zakas","year":5000}
☆实际上,第一次调用函数过滤器时,传入的是一个空字符串,值为这个book对象
2-字符串缩进
JSON.stringify()的第3个参数 用于控制结果的缩进和空白符。(换行符会在传入有效缩进参数时,自动添加)
当为数值时,表示每级缩进的空格数;
当为非数值时,做为缩进字符(不再使用空格缩进)。
※最大缩进数和缩进字符为10,超过时自动转换为10
View Code
var jsonText = JSON.stringify(book, null, "--");
效果:
{
----“title”: "Professional JavaScript",
----“authors”: [
--------"Nicholas C. Zakas"
----],
----“edition”: 3,
----“year”: 2011
}
3-toJSON()方法
toJSON()方法 可用于返回任何值;也可作为过滤器的补充,进行根精确的自定义序列化需求。
例子
var book = {
"title": "Professional JavaScript",
"authors": [
"Nicholas C. Zakas"
],
edition: 3,
year: 2011,
toJSON: function(){
return this.title;
}
};
var jsonText = JSON.stringify(book);
alert(jsonText);
执行后将弹出消息框,内容为title属性的值:
Professional JavaScript
即toJSON()方法 会在序列化之前先执行。
☆☆☆☆☆
☆ 将一个对象传入JSON.stringify()后 的序列化 顺序:
①若存在 而且 能通过toJSON()获取有效值,将先调用该方法。否则返回对象本身;
②若存在 第2参数,将①返回的值传入 过滤器;
③对②返回的每个值 进行相应的序列化;
④若存在 第3参数,对序列化后的数据 进行相应格式化。
2-3、解析
JSON.parse() 2个参数:JSON对象、函数(还原函数‘reviver’,与序列化的替换函数'replacer'具有相同签名:2个参数——键与值)
还原函数:若此函数返回undefined,将会删除相应的键,若返回其他值,则会被插入结果中。
还原函数
var book = {
"title": "Professional JavaScript",
"authors": [
"Nicholas C. Zakas"
],
edition: 3,
year: 2011,
releaseDate: new Date(2011, 11, 1)
};
var jsonText = JSON.stringify(book);
var bookCopy = JSON.parse(jsonText, function(key, value){
if (key == "releaseDate"){
return new Date(value);
} else {
return value;
}
});
alert(bookCopy.releaseDate.getFullYear());
执行后弹出消息框,内容为:2011
releaseDate属性保存着一个Date对象,序列化后,在bookCopy中又被还原成一个Date对象,故bookCopy.releaseDate才有一个Date对象,才可以调用getFullYear()方法。