JSON理解与使用

JSON是什么？

json是一种数据结构，并不丛属于Js。

语法

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

简单值：字符串，数组，布尔值和null。

//json的字符串必须使用双引号
'hello'

对象

//注意：
//1.末尾不要有分号
//2.对象的属性值一定要加双引号
{
    "name":"Mary",
    "age":21
}

数组

['Mary','Lily','Jim']

JSON不支持变量，函数和对象实例。

解析与序列化

JSON.stringify()

此方法用于将JavaScript对象序列化为JSON字符串，可接受三个参数。
- 第一个参数是要序列化的json数据。
- 第二个参数可以是一个数组或者函数，起到过滤器的作用。
- 第三参数为一个数组，表示缩进的空格数，最大缩进数为10，大于10会转化为10

第二个参数为数组

//结果显示返回值与第二个参数数组中的属性对应
    var student={
	"name":"Mary",
	"age":22,
	"course":["English","Math"],
	"class":1
}
var test1=JSON.stringify(student,["age","name"]);

结果显示返回值与第二个参数数组中的属性对应

第二个参数为数组

var student={
	"name":"Mary",
	"age":22,
	"course":["English","Math"],
	"class":1
}
//返回undefined表示删除该属性
//可以返回自定义后的值
var test2=JSON.stringify(student,function(key,value){
	switch(key){
		case "name":
		return undefined;
		case "age":
		return value+1;
		case "class":
		return 2;
		default:
		return value;
	}
});

结果：

//缩进4个空格
var test3=JSON.stringify(student,null,4);
//将缩进换成制表符
var test3=JSON.stringify(student,null,"--");

toJSONf()
可以为任何添加toJSON()方法，可以让toJSON()方法返回任何序列化的值，也可以返回undefined,如果toJSON()嵌套在另一个对象中,会返回null.

var studentTwo={
	"name":"Mary",
	"age":22,
	"course":["English","Math"],
	"class":1,
	toJSON:function(){
		return this.name;
	}
}
var test3=JSON.stringify(studentTwo);

只显示了name属性

toJSON()可以做过滤器的补充，但是需要理解序列化的内部顺序

解析选项

JSON.parse()方法

将JSON字符串解析为原生的JavaScript值。

//data是一个JSON字符串
var test4=JSON.parse(data);

JSON.stringify还可以接收另一个参数，该参数为一个函数，与JSON.stringify的过滤相比，这个函数的作用是还原。

var studentThree={
	"name":"Mary",
	"age":22,
	"course":["English","Math"],
	"date":new Date(2019,9,10),
	"class":1
}
var test5=JSON.stringify(studentThree);
alert(test5);

结果json字符串

var test6=JSON.parse(test5);
alert(test6.date);

结果为2019-10-09T16:00:00.000Z

//如果还原函数返回undefined，表示要删除该函数，如果返回其他值，表示将该值插入到结果中
var test7=JSON.parse(test5,function(key,value){
	if(key==="date"){
		return new Date(value);
	}else{
		return value;
	}
});
alert(test7);

结果为一个对象

alert(test7.date);

结果：Thu Oct 10 2019 00:00:00 GMT+0800 (中国标准时间)