JavaScript高级程序设计14--JSON

本文介绍了JSON的基本语法，包括如何表示简单值、对象和数组。此外还详细讲解了JSON对象的两个关键方法：stringify()和parse()，并探讨了序列化与解析过程中的选项配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JSON是一种表示结构化数据的格式。

一、语法

JSON的语法可以表示以下三种类型的值：

简单值：使用与JavaScript相同的语法，可以在JSON中表示字符串、数值、布尔值和null。但JSON不支持JavaScript中的特殊值undefined。
对象：对象作为一种复杂数据类型，表示的是一组无序的键值对儿。而每个键值对儿中的值可以是简单值，也可以是复杂数据类型的值。
数组：数组也是一种复杂数据类型，表示一组有序值的列表，可以通过数值索引来访问其中的值。数组的值也可以是任意类型--简单值、对象或数组。

1. 简单值

比如JSON表示字符串的方式："Hello World！"

注意：JSON字符串必须使用双引号。

2. 对象

比如JSON表示对象的方式：

{
	"name": "Nicholas",
	"age": 29
}

注意：JSON表示对象时，对象的属性必须加双引号。

3. 数组

比如JSON表示一个数组：[25, "hi", true]

二、解析与序列化

1. JSON对象

ES5对解析JSON的行为进行规范，定义了全局对象JSON。

JSON对象有两个方法：stringify()和parse()，分别用于把JavaScript对象序列化为JSON字符串和把JSON字符串解析为原生JavaScript值。

例如：

var book = {
		title: "Professional Javascript",
		authors: [
			"Nicholas C. Zakas"
		],
		edition: 3,
		year: 2011
	};
var jsonText = JSON.stringify(book);
//jsonText中的字符串为：{"title": "Professional Javascript","authors": ["Nicholas C. Zakas"],"edition": 3,"year": 2011}
var bookCopy = JSON.parse(jsonText);

2. 序列化选项

JSON.stringify()除了序列化JavaScript对象外，还可以接收另外两个参数，用于指定以不同的方式序列化。

第一个参数是过滤器，可以是一个数组，也可以是一个函数。

第二个参数是一个选项，表示是否在JSON字符串中保留缩进。

（1）过滤结果

如果过滤器参数是数组，那么JSON.stringify()的结果中将只包含数组中列出的属性。

如果第二个参数是函数，这个函数接收两个参数，属性（键）名和属性值，根据属性（键）名可以知道应该如何处理要序列化的对象中的属性。

注意：如果函数返回了undefined，那么相应的属性会被忽略。

（2）字符串缩进

JSON.stringify()方法的第三个参数用于控制结果中的缩进和空白符。可以为数值，表示每个级别缩进的空格数，也可以为字符串，将被用作缩进字符。

（3）toJSON()方法

给对象定义toJSON()方法，可以返回其自身的JSON数据格式。

var book = {
		title: "Professional Javascript",
		authors: [
			"Nicholas C. Zakas"
		],
		edition: 3,
		year: 2011
		toJSON: function(){
				return this.title;
				}
		};
var jsonText = JSON.stringify(book);

假设把一个对象传入JSON.stringify()，序列化该对象的顺序如下：