JavaScript(JS)JSON详解

上一节我们详细讲解了JS中的保留关键字，本节我们将学习JS中的JSON。那什么是JSON呢？在JS里，JSON是一种常用的数据传输格式，服务端和客户端如果进行数据传输，一般都是通过JSON格式进行表达。

我们先来看一个JSON实例：

{"course":[
{"C语言网":"dotcpp.com"},
{"C语言教程":"https://www.dotcpp.com/course/c/"},
{"计算机二级C语言":"https://www.dotcpp.com/course/erjic/"},
{"数据结构教程":"https://www.dotcpp.com/course/ds/"}
]}

可以看出是一个course的对象，对应一个数组（包括4个元素）。

聪明的读者早就想到，这不是JS对象的创建方式吗？最大的特点就是键值对存储。

实际上，JSON内容的基本结构要么是对象，要么是数组：

/*对象（Object）*/
//json
{
  "key1": "value1",
  "key2": "value2",
  "key3": "value3"
}
/*数组（Array）*/
//json
["value1", "value2", "value3"]

JSON里的值有别于JS。在JSON里，字符串必须要双引号包裹。下面罗列了一些JSON的值：

当然，JSON里也存在转移字符：

值得注意的是，JSON本质是字符串。

console.log('{"Dotcpp编程":"dotcpp.com"}');//这是一个JSON，本质是字符串
console.log({"Dotcpp编程":"dotcpp.com"});//这是一个对象

既然如此， 我们可以把接受到的JSON数据转为对象，方便操作；同理，也可以把对象转为字符串（JSON格式），直接用于数据传输。最常见的场景就是浏览器读取本地存储了：

// 存储到 localStorage
const website = {"Dotcpp编程": "dotcpp.com"};
localStorage.setItem('website', JSON.stringify(website));
// 从 localStorage 读取
const storedWebsite = JSON.parse(localStorage.getItem('website'));
console.log(storedWebsite["Dotcpp编程"]); // "dotcpp.com"

总结：在JS里，JSON的本质是字符串，用于服务端和客户端的信息传输，同时要记住，JSON内的字符串需要通过双引号（""）包裹！