JSON

JSON(JavaScript Object Notation,JavaScript 对象表示法)
20.1 语法
JSON 的语法可以表示以下三种类型的值。
1:简单值:使用与JavaScript 相同的语法,可以在JSON 中表示字符串、数值、布尔值和null。
但JSON 不支持JavaScript 中的特殊值undefined。
2: 对象:对象作为一种复杂数据类型,表示的是一组无序的键值对儿。而每个键值对儿中的值可
以是简单值,也可以是复杂数据类型的值。
3:数组:数组也是一种复杂数据类型,表示一组有序的值的列表,可以通过数值索引来访问其中
的值。数组的值也可以是任意类型——简单值、对象或数组。
JSON 不支持变量、函数或对象实例,它就是一种表示结构化数据的格式,虽然与JavaScript 中表示
数据的某些语法相同,但它并不局限于JavaScript 的范畴
 
20.1.1 简单值
最简单的 JSON 数据形式就是简单值。例如,下面这个值是有效的JSON 数据:
5
这是 JSON 表示数值5 的方式。类似地,下面是JSON 表示字符串的方式:
"Hello world!"
JavaScript 字符串与JSON 字符串的最大区别在于,JSON 字符串必须使用双引号(单引号会导致语
法错误)。
布尔值和 null 也是有效的JSON 形式。但是,在实际应用中,JSON 更多地用来表示更复杂的数据
结构,而简单值只是整个数据结构中的一部分。
 
20.1.2 对象
JS创建一个对象
var object ={
  name : "gavin",
  age: 29;
}
JSON 表示上述对象的方式如下:
{
"name": "Nicholas",
"age": 29
}
不同点:
1:没有声明,2:没有结束的分号;
强调:对象的属性必须加双引号;
 
20.1.3 数组
JSON 中的第二种复杂数据类型是数组。JSON 数组采用的就是JavaScript 中的数组字面量形式。例
如,下面是JavaScript 中的数组字面量:
var values = [25, "hi", true];
在 JSON 中,可以采用同样的语法表示同一个数组:
[25, "hi", true]
同样要注意,JSON 数组也没有变量和分号。把数组和对象结合起来,可以构成更复杂的数据集合,
例如:
{
"title": "Professional JavaScript",
"authors": [
"Nicholas C. Zakas"
],
edition: 3,
year: 2011
},
。。。。。。。
20.2 解析与序列化
JSON 之所以流行,拥有与JavaScript 类似的语法并不是全部原因。更重要的一个原因是,可以把
JSON 数据结构解析为有用的JavaScript 对象。
20.2.1 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);
输出
{"title":"Professional JavaScript","authors":["Nicholas C. Zakas"],"edition":3,
"year":2011}
将 JSON 字符串直接传递给JSON.parse()就可以得到相应的JavaScript 值。例如,使用下列代码
就可以创建与book 类似的对象:
var bookCopy = JSON.parse(jsonText);
注意,虽然 book 与bookCopy 具有相同的属性,但它们是两个独立的、没有任何关系的对象。
如果传给 JSON.parse()的字符串不是有效的JSON,该方法会抛出错误。
 
20.2.2 序列化选项
JSON.stringify()除了要序列化的JavaScript 对象外,还可以接收另外两个参数,这两
个参数用于指定以不同的方式序列化JavaScript 对象。第一个参数是个过滤器,可以是一个数组,也可
以是一个函数;第二个参数是一个选项,表示是否在JSON 字符串中保留缩进。单独或组合使用这两个
参数,可以更全面深入地控制JSON 的序列化。
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;
}
});
序列化后的JSON 字符串
如下所示:
{"title":"Professional JavaScript","authors":"Nicholas C. Zakas","year":5000}
 
2. 字符串缩进
JSON.stringify()方法的第三个参数用于控制结果中的缩进和空白符。如果这个参数是一个数
值,那它表示的是每个级别缩进的空格数。例如,要在每个级别缩进4 个空格,可以这样写代码:
var jsonText = JSON.stringify(book, null, 4);
var jsonText = JSON.stringify(book, null, " - -");
这样,jsonText 中的字符串将变成如下所示:
{
--"title": "Professional JavaScript",
--"authors": [
----"Nicholas C. Zakas"
--],
--"edition": 3,
--"year": 2011
}
缩进字符串最长不能超过10 个字符长。如果字符串长度超过了10 个,结果中将只出现前10 个字
符。
 
3. toJSON()方法
有时候,JSON.stringify()还是不能满足对某些对象进行自定义序列化的需求。在这些情况下,
可以给对象定义toJSON()方法,返回其自身的JSON 数据格式。原生Date 对象有一个toJSON()方法,
能够将JavaScript 的Date 对象自动转换成ISO 8601 日期字符串(与在Date 对象上调用toISOString()
的结果完全一样)。
var book = {
"title": "Professional JavaScript",
"authors": [
"Nicholas C. Zakas"
],
edition: 3,
year: 2011,
toJSON: function(){
return this.title;
}
};
var jsonText = JSON.stringify(book);
 
20.2.3 解析选项
JSON.parse()方法也可以接收另一个参数,该参数是一个函数,将在每个键值对儿上调用。为了
区别JSON.stringify()接收的替换(过滤)函数(replacer),这个函数被称为还原函数(reviver),
但实际上这两个函数的签名是相同的——它们都接收两个参数,一个键和一个值,而且都需要返回一
个值。
20.3 小结
JSON 是一个轻量级的数据格式,可以简化表示复杂数据结构的工作量。JSON 使用JavaScript 语法
的子集表示对象、数组、字符串、数值、布尔值和null。即使XML 也能表示同样复杂的数据结果,但
JSON 没有那么烦琐,而且在JavaScript 中使用更便利。
ECMAScript 5 定义了一个原生的JSON 对象,可以用来将对象序列化为JSON 字符串或者将JSON
数据解析为JavaScript 对象。JSON.stringify()和JSON.parse()方法分别用来实现上述两项功能。
这两个方法都有一些选项,通过它们可以改变过滤的方式,或者改变序列化的过程。
原文地址:https://www.cnblogs.com/gavinzzh-firstday/p/5353077.html