JSON详解以及stringfy( )和parse( )的使用

**前言:**最早,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) 如果提供了第三个参数,执行相应的格式化。

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值