码迷,mamicode.com
首页 > Web开发 > 详细

JS高程3:JSON

时间:2017-09-20 14:28:35      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:blog   script   fun   mic   sed   value   str   prot   键值   

JSON,JavaScript Object Notation,JS对象表示法,是目前最常见的结构化数据传输形式。

JSON并非编程语言,而是一种数据结构,像mp4、avi一样,只是一种数据格式而已。(数据结构可以包含很多数据类型)

 

JSON值的类型

  • 简单值
  • 对象
  • 数组

简单值:字符串、数字、布尔值和null,注意不包括undefined。

注意:JSON中的字符串必须用双引号。

对象:对象就是无序的键值对,而键值中的值也可以是简单值、对象或者数组。

注意:JSON中对象的属性必须用双引号括起来,JSON中没有变量的概念。

数组:有序的值的列表,而值本身可以是简单值、对象或者数组。

 

解析与序列化

JS中有个全局对象JSON,该对象有stringify()和parse()方法,分别用来序列化JS和解析JSON。

var obj = {
	name: "leo",
	age: 19,
	marry: false,
	other: undefined,
	none: null,
};
var j1 = JSON.stringify(obj);
console.log(j1);
var j2 = JSON.parse(j1);
console.log(j2)

 注意:因为JSON中没有undefined数据类型,所以该键值会被忽略。

{"name":"leo","age":19,"marry":false,"none":null}
{name: "leo", age: 19, marry: false, none: null}

 

序列化选项

JSON.stringify()函数还可以接收第二个和第三个参数,用来实现更为丰富的功能。

过滤

第二个参数可以是一个数组,数组包含对象属性的字符串形式:

var obj = {
	name: "leo",
	age: 19,
	marry: false,
	other: undefined,
	none: null,
};
var j1 = JSON.stringify(obj,["name","age",]);
console.log(j1); //{"name":"leo","age":19}

 如果参数是函数:

var obj = {
	name: "leo",
	age: 19,
	marry: false,
	other: undefined,
	none: null,
};
var j1 = JSON.stringify(obj,function(key,value){
		switch(key){
			case "age":
				return 20;
			case "none":
				return "没有";
			case "marry":
				return "false";
			default:
				return value;
		}
});
console.log(j1); //{"name":"leo","age":20,"marry":"false","none":"没有"}

 

缩进

如果想缩进4空格:

var obj = {
	name: "leo",
	age: 19,
	marry: false,
	other: undefined,
	none: null,
};
var j1 = JSON.stringify(obj,null,4);
console.log(j1);
{
    "name": "leo",
    "age": 19,
    "marry": false,
    "none": null
}

注意:最大缩进为10格。

特殊字符:

var obj = {
	name: "leo",
	age: 19,
	marry: false,
	other: undefined,
	none: null,
};
var j1 = JSON.stringify(obj,null,"-->");
console.log(j1);
{
-->"name": "leo",
-->"age": 19,
-->"marry": false,
-->"none": null
}

使用toJSON:

var obj = {
	name: "leo",
	age: 19,
	marry: false,
	other: undefined,
	none: null,
	toJSON: function(){
		return this.name;
	}
};
var j1 = JSON.stringify(obj);
console.log(j1); //"leo"

序列化该对象的顺序如下

(1) 如果存在 toJSON()方法而且能通过它取得有效的值,则调用该方法。否则,返回对象本身。
(2) 如果提供了第二个参数,应用这个函数过滤器。传入函数过滤器的值是第(1)步返回的值。
(3) 对第(2)步返回的每个值进行相应的序列化。
(4) 如果提供了第三个参数,执行相应的格式化。

 

解析选项

JSON.parse()方法也可以接收另一个参数,该参数是一个函数,将在每个键值对儿上调用

var obj = {
	name: "leo",
	age: 19,
	marry: false,
	other: undefined,
	none: null,
	releaseDate: new Date(2011, 11, 1),
};
var j1 = JSON.stringify(obj);
console.log(j1);
var j2 = JSON.parse(j1,function(key,value){
	if (key == "releaseDate"){
		return new Date(value);
	} else {
		return value;
}
});
console.log(j2);
console.log(j2.releaseDate.getFullYear());
{"name":"leo","age":19,"marry":false,"none":null,"releaseDate":"2011-11-30T16:00:00.000Z"}
{name: "leo", age: 19, marry: false, none: null, releaseDate: Thu Dec 01 2011 00:00:00 GMT+0800 (中国标准时间)}age: 19marry: falsename: "leo"none: nullreleaseDate: Thu Dec 01 2011 00:00:00 GMT+0800 (中国标准时间) {}__proto__: Object
2011

还原函数在遇到"releaseDate"键时,会基于相应的值创建一个新的 Date 对象。结果就是
bookCopy.releaseDate 属性中会保存一个 Date 对象。正因为如此,才能基于这个对象调用
getFullYear()方法。

 

JS高程3:JSON

标签:blog   script   fun   mic   sed   value   str   prot   键值   

原文地址:http://www.cnblogs.com/leomei91/p/7560672.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!