在本教程中，您将通过示例了解 JSON 以及 JavaScript 如何与 JSON 一起使用。
    JSON 代表 Javascript 对象表示法。JSON 是一种基于文本的数据格式，用于存储和传输数据。例如，

// JSON syntax
{
    "name": "John",
    "age": 22,
    "gender": "male",

}

在JSON中，数据是以逗号 , 分隔的键/值对。
    JSON源于JavaScript。因此，JSON语法类似于JavaScript对象文字语法。然而，JSON格式也可以被其他编程语言访问和创建。
    注意：JavaScript 对象和 JSON 不一样。您将在本教程的后面部分了解它们的区别。

JSON 数据

JSON数据由键/值对组成，类似于JavaScript对象属性。键和值用冒号 : 分隔的双引号表示。例如，

// JSON data
"name": "John"

注意：JSON 数据需要双引号作为键。

JSON 对象

JSON 对象写在花括号内 { }。JSON 对象可以包含多个键/值对。例如，

// JSON object
{ "name": "John", "age": 22 }

JSON 数组

JSON 数组写在方括号内 [ ]。例如，

// JSON array
[ "apple", "mango", "banana"]

// JSON array containing objects
[
    { "name": "John", "age": 22 },
    { "name": "Peter", "age": 20 }.
    { "name": "Mark", "age": 23 }
]

注意：JSON 数据可以包含对象和数组。但是，与 JavaScript 对象不同，JSON 数据不能包含作为值的函数。

访问 JSON 数据

您可以使用点表示法访问 JSON 数据。例如，

// JSON object
const data = {
    "name": "John",
    "age": 22,
    "hobby": {
	"reading" : true,
	"gaming" : false,
	"sport" : "football"
    },
    "class" : ["JavaScript", "HTML", "CSS"]
}

// accessing JSON object
console.log(data.name); // John
console.log(data.hobby); // { gaming: false, reading: true, sport: "football"}

console.log(data.hobby.sport); // football
console.log(data.class[1]); // HTML

我们使用 . 符号来访问 JSON 数据。它的语法是：variableName.key
    您还可以使用方括号语法 [ ] 来访问 JSON 数据。例如，

// JSON object
const data = {
    "name": "John",
    "age": 22
}

// accessing JSON object
console.log(data["name"]); // John

JavaScript 对象 VS JSON

虽然 JSON 的语法类似于 JavaScript 对象，但 JSON 与 JavaScript 对象不同。

将 JSON 转换为 JavaScript 对象

您可以使用内置 JSON.parse() 函数将 JSON 数据转换为 JavaScript 对象。例如，

// json object
const jsonData = '{ "name": "John", "age": 22 }';

// converting to JavaScript object
const obj = JSON.parse(jsonData);

// accessing the data
console.log(obj.name); // John

将 JavaScript 对象转换为 JSON

您还可以使用 JavaScript 内置 JSON.stringify() 函数将 JavaScript 对象转换为 JSON 格式。例如，

// JavaScript object
const jsonData = { "name": "John", "age": 22 };

// converting to JSON
const obj = JSON.stringify(jsonData);

// accessing the data
console.log(obj); // "{"name":"John","age":22}"

使用 JSON

JSON 是从服务器向客户端传输数据（数据交换）最常用的格式，反之亦然。JSON 数据非常易于解析和使用。访问和操作 JSON 数据的速度很快，因为它们只包含文本。
    JSON 与语言无关。您也可以在其他编程语言中创建和使用 JSON。

上一教程 ：JS setInterval()                                          下一教程 ：JS Date and Time

参考文档

[1] Parewa Labs Pvt. Ltd. (2022, January 1). Getting Started With JavaScript, from Parewa Labs Pvt. Ltd: https://www.programiz.com/javascript/json