JSON 数据

Posted on   |   In   |     |   Views

JSON (JavaScript Object Notion, JavaScript 对象表示法)

JSON 是 JavaScript 的一个严格的子集，它是一种数据格式，而不是一种编程语言。

语法

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

简单值：使用 JavaScript 相同的语法，可以在 JSON 中表示字符串、数值、布尔值和 null，不支持 undefined。

对象：对象作为一种复杂数据类型，表示的是一组无序的键值对的值，每个键值对的值可以是简单类型，也可以是复杂类型。

数组：数组也是一种复杂数据类型，表示一组有序的值的列表，可以通过数值索引来访问其中的值。数组的值也可以是任意类型-简单值、对象或数组。

JSON 对象不支持变量、函数或对象实例，它就是一种表示数据结构化的数据的格式，虽然与 JavaScript 中表示数据的某些语法相同，但它并不局限于 JavaScript 的范畴

简单值

  • 5 这是 JSON 表示数值 5 的方式。
  • “str” 这是 JSON 表示字符串的方式。

对象

1
2
3
4
var person = {
  name: "Hiraku",
  age: 25
}

用 JSON 表示为：

1
2
3
4
{
  "name": "Hiraku",
  "age": 25
}

又如：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
{
  "name": "Hiraku",
  "age": 25,
  "school": [
    {
      "name": "Shantou University",
      "location": "Guangdong"
    },
    {
      "name": "Technology of LanZhou University",
      "location": "Gansu"
    }
  ]
}

数组

JSON 中的复杂数据是数组。 JSON 数组采用的就是 JavaScript 中的数字字面量的形式。

如：

1
[25, "Hiraku", 0];

JSON 数组也没有变量和分号。把数组和对象结合起来，可以构成更复杂的数据集合。

如：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
[
  {
    "title": "JavaScript",
    "authors": [
      "Hirkau", 
      "Herscharl"
    ],
    "edition": 3,
    "year": 2013
  },
  {
    "title": "HTML",
    "authors": [
      "HuangShan", 
      "Jack"
    ],
    "edition": 1,
    "year": 2012
  },
  {
    "title": "Java",
    "authors": [
      "TangTang"
    ],
    "edition": 2,
    "year": 2015
  },
]

JSON 解析和序列化

JSON 数据可以解析为 JavaScript 对象优势及其明显。

JSON 对象

eval() 函数可以解析、解释并返回 JavaScript 对象和数组。

两个重要方法：

  • JSON.stringify()
    • 把 JavaScript 对象序列化为 JSON 字符串
  • JSON.parse()
    • 把 JSON 字符串解析为原生的 JavaScript 值

JSON.stringify() 详解

出来要序列化的 JavaScript 对象外，还可以接收另外两个参数，这两个参数用于指定以不同方式序列化 JavaScript 对象。第一个参数是个过滤器，可以是一个数组，也可以是一个函数，第二个参数是一个选择，表示是否在 JSON 字符串中保留缩进。

第二个参数是数组：

1
2
3
4
5
6
7
8
9
10
11
var book = {
  "title": "JavaScript",
  "authors": [
    "Hirkau", 
    "Herscharl"
  ],
  "edition": 3,
  "year": 2013
}
var jsonText = JSON.stringify(book, ["title", "edition"]);
console.log(jsonText); // {"title":"JavaScript","edition":3}

第二个参数是函数：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
var book = {
  "title": "JavaScript",
  "authors": [
    "Hirkau", 
    "Herscharl"
  ],
  "edition": 3,
  "year": 2013
}
var jsonText = JSON.stringify(book, function(key, value) {
  switch(key){
    case "authors":
      return value.join(",");
    case "year":
      return "year";
    case "edition":
      return undefined;
    default :
      return value;
  } 
});
console.log(jsonText); // {"title":"JavaScript","authors":"Hirkau,Herscharl","year":"year"}

第三个参数控制结果中的缩进和空白符：最大缩进空格为 10 。

1
2
3
4
5
6
7
8
9
10
11
var book = {
  "title": "JavaScript",
  "authors": [
    "Hirkau", 
    "Herscharl"
  ],
  "edition": 3,
  "year": 2013
}
var jsonText = JSON.stringify(book, null, 4);
console.log(jsonText);

这段代码输出结果是：

1
2
3
4
5
6
7
8
9
{
    "title": "JavaScript",
    "authors": [
        "Hirkau",
        "Herscharl"
    ],
    "edition": 3,
    "year": 2013
}

第三个参数是字符时：

1
2
3
4
5
6
7
8
9
10
11
var book = {
  "title": "JavaScript",
  "authors": [
    "Hirkau", 
    "Herscharl"
  ],
  "edition": 3,
  "year": 2013
}
var jsonText = JSON.stringify(book, null, " - -");
console.log(jsonText);

输出结果：

1
2
3
4
5
6
7
8
9
{
 - -"title": "JavaScript",
 - -"authors": [
 - - - -"Hirkau",
 - - - -"Herscharl"
 - -],
 - -"edition": 3,
 - -"year": 2013
}

toJSON() 方法

在 JSON.stringify() 方法不能满足某些独享进行自定义序列化的需求。可以给对象定义 toJSON() 方法，返回自身的 JSON 数据格式。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var book = {
  "title": "JavaScript",
  "authors": [
    "Hirkau", 
    "Herscharl"
  ],
  "edition": 3,
  "year": 2013,
    toJSON: function() {
      return this.title;
    }
}
var jsonText = JSON.stringify(book);
console.log(jsonText); // "JavaScript"

序列化的顺序：

(1) 如果存在 toJSON() 方法而且能通过它取得有效的值，则调用该方法，否则，返回对象本身；

(2) 如果提供了第二个参数，应用这个函数过滤器，传入函数过滤器的值是第 (1) 步返回的值；

(3) 对第 (2) 步返回的每个值进行相应的序列化；

(4) 如果提供了第三个参数，执行相应的序列化。

解析选项

JSON.parse() 方法也可以接收另一个参数，该参数是一个函数，将在每个键值对上调用。为了区别 JSON.stringify() 接收的替换(过滤)函数，这个函数被称为还原函数，实际上这两个函数的签名是相同的-接收两个参数，一个键和一个值，而且都需要返回一个值。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
var book = {
  "title": "JavaScript",
  "authors": [
    "Hirkau", 
    "Herscharl"
  ],
  "edition": 3,
  "year": 2013,
  releaseDate: new Date(2011, 11, 1)
}
var jsonText = JSON.stringify(book);
var bookCopy = JSON.parse(jsonText, function(key, value) {
  if (key == "releaseDate") {
    return new Date(value);
  } else {
    return value;
  }
});
console.log(bookCopy.releaseDate.getFullYear()); // 2011
感谢您的支持！