**前言:**最早,XML是是互联网上传输结构化数据的事实标准,但是XML使用繁琐,为了解决这个问题,JSON应运而生。JSON是JavaScript的一个严格子集,利用了 JavaScript中的一些模式来表示结构化数据。 JSON 并不从属于 JavaScript,而且,并不是只有 JavaScript 才使用 JSON,毕竟 JSON 只是一种数据格式。很多编程语言都有针对 JSON 的解析器和序列化器。
JSON语法##
JSON 的语法可以表示以下类型的值:
- 数字(整数或浮点数)
- 字符串(在双引号中)
- 逻辑值(true 或 false)
- 数组(在方括号中)
- 对象(在花括号中)
- null
简单值:使用与 JavaScript 相同的语法,可以在 JSON 中表示字符串、数值、布尔值和 null。但 JSON 不支持 JavaScript 中的特殊值 undefined。
例1:
5 //JSON表示数值5的方式
"hello json" //JSON表示字符串的方式,必须使用双引号
**对象:**对象作为一种复杂数据类型,表示的是一组无序的键值对。而每个键值对中的值可以是简单值,也可以是复杂数据类型的值。
例2:
//以下是JavaScript中定义对象的两种格式
var person = {
name: "Nicholas",
age: 29
};
var object = {
"name": "Nicholas",
"age": 29
};
//以下是JSON表示以上对象的方式
{
"name": "Nicholas",
"age": 29
}
与 JavaScript 的对象字面量相比, JSON 对象有两个地方不一样
1.没有声明变量(JSON 中没有变量的概念);
2.没有末尾的分号(因为这不是 JavaScript 语句,所以不需要分号)。
**数组:**数组也是一种复杂数据类型,表示一组有序的值的列表,可以通过数值索引来访问其中的值。数组的值也可以是任意类型——简单值、对象或数组。
例3:
//以下是JavaScript中定义数组的方式
var values = [25, "hi", true];
//以下是JSON中表示以上数组的方式
[25, "hi", true]
//也可以将数组和对象结合表示更加复杂的数据集合
[
{
"title": "Professional JavaScript",
"authors": [
"Nicholas C. Zakas"
]
},
{
"title": "Professional JavaScript",
"authors": [
"Nicholas C. Zakas"
]
},
{
"title": "Professional Ajax",
"authors": [
"Nicholas C. Zakas",
"Jeremy McPeak",
"Joe Fawcett"
]
}
]
JSON 不支持变量、函数或对象实例,它就是一种表示结构化数据的格式。
解析和序列化
JSON 对象有两个方法: stringify()和 parse()。这两个方法分别用于把JavaScript 对象序列化为 JSON 字符串和把 JSON 字符串解析为原生 JavaScript 值。
例4:
var book = {
title: "Professional JavaScript",
authors: [
"Nicholas"
],
edition: 3,
year: 2011
};
var jsonText = JSON.stringify(book);
//jsonText:
//{"title":"Professional JavaScript","authors":["Nicholas"],"edition":3,
//"year":2011}
//注:JSON中没有undefined类型,因此JavaScript对象中值为undefined的任何属性会跳过
var bookCopy = JSON.parse(jsonText);
//虽然 book 与 bookCopy 具有相同的属性,但它们是两个独立的、没有任何关系的对象。
JSON.stringify()
stringify()可以接收三个参数:第一个是要序列化的JavaScript对象;还有两个参数用于指定以不同的方式序列化 JavaScript 对象,第一个参数是个过滤器,可以是一个数组,也可
以是一个函数;第二个参数是一个选项,表示是否在 JSON 字符串中保留缩进。
例5:第二个参数为数组
var book = {
"title": "Professional JavaScript",
"authors": [
"Nicholas C. Zakas"
],
edition: 3,
year: 2011
};
var jsonText = JSON.stringify(book, ["title", "edition"]);
//jsonText :
//{"title":"Professional JavaScript","edition":3}
例6:第二个参数为函数
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;
}
});
//jsonText :
//{"title":"Professional JavaScript","authors":"Nicholas C. Zakas","year":5000}
//注:如果函数返回了undefined,那么相应的属性会被忽略
例7:第三个参数,如果是数字,则表示缩进数(大于10的会自动转换为10),如果是字符串,则表示用该字符串代替缩进空格(大于10个字符长度的只取前十个字符)
var book = {
"title": "Professional JavaScript",
"authors": [
"Nicholas C. Zakas"
],
edition: 3,
year: 2011
};
var jsonText = JSON.stringify(book, null, "--");
//jsonText :
/*{
--"title": "Professional JavaScript",
--"authors": [
----"Nicholas C. Zakas"
--],
--"edition": 3,
--"year": 2011
}*/
toJSON()方法
有时候, JSON.stringify()还是不能满足对某些对象进行自定义序列化的需求。在这些情况下,可以给对象定义 toJSON()方法,返回其自身的 JSON 数据格式。原生 Date 对象有一个 toJSON()方法,能够将 JavaScript的 Date 对象自动转换成 ISO 8601日期字符串(与在 Date 对象上调用 toISOString()的结果完全一样)。
例8:
var book = {
"title": "Professional JavaScript",
"authors": [
"Nicholas C. Zakas"
],
edition: 3,
year: 2011,
toJSON: function(){
return this.title;
}
};
var jsonText = JSON.stringify(book);
//jsonText:"Professional JavaScript"
var parseText=JSON.parse(jsonText);
//parseText:Professional JavaScript
序列化的内部顺序
假设把一个对象传入 JSON.stringify(),序列化该对象的顺序如下:
(1) 如果存在 toJSON()方法而且能通过它取得有效的值,则调用该方法。否则,返回对象本身;
(2) 如果提供了第二个参数,应用这个函数过滤器。传入函数过滤器的值是第(1)步返回的值;
(3) 对第(2)步返回的每个值进行相应的序列化;
(4) 如果提供了第三个参数,执行相应的格式化。