文章目录
前言
一、什么是 JSON？
二、JSON 的基本语法
三、JSON 与 JavaScript 的互操作
四、JSON 实战案例
案例 2：JSON 字符串转换为对象
案例 3：数组与 JSON 的互操作
总结
前言
在现代 Web 开发中，JSON（JavaScript Object Notation） 已成为最流行的数据交换格式之一。无论是前后端数据传输，还是存储结构化数据，JSON 都以其简洁、易读和高效的特性深受开发者喜爱。本次课程对 JSON 的基础知识和应用进行了深入讲解，本文将为你总结核心内容，并带你通过实战案例快速掌握 JSON 的使用技巧！
一、什么是 JSON？
JSON 是一种轻量级的数据格式，常用于 Web 应用程序中传输和存储数据。它由 JavaScript 对象演化而来，但现已被大多数编程语言广泛支持。
JSON 的特点：
自描述性： 数据结构清晰，易于理解。
轻量级： 简洁的语法，减少数据传输负担。
易解析： 可直接被 JavaScript 和其他语言快速解析。
格式一致： 由简单的键值对和灵活的嵌套结构组成。
二、JSON 的基本语法
JSON 数据结构 JSON 的核心由两种数据结构组成：
对象（Object）： 使用 花括号 {} 包裹，包含键值对。 数组（Array）： 使用 方括号 [] 包裹，存储一组值。 示例：
// 单个对象
{
"fullname": "John Smith",
"studentNumber": "U1234567",
"age": 20,
"csMajor": true
}
// 对象嵌套数组
{
"firstName": "John",
"lastName": "Smith",
"subjectList": [
{
"code": "MATH101",
"title": "Algebra"
},
{
"code": "CSIT122",
"title": "C programming"
}
]
}
JSON 的基本规则 键值对： 数据以 “key”: value 的形式定义，键必须是字符串。 分隔符： 键值对之间用逗号分隔。 花括号 {}： 用于定义对象。 方括号 []： 用于定义数组。
三、JSON 与 JavaScript 的互操作
JavaScript 自带对 JSON 的原生支持，可以轻松实现 JSON 对象与 JavaScript 对象之间的转换。
JavaScript 对象与 JSON 的关系 JavaScript 对象： 使用花括号定义，键可以是字符串或变量，值可以是任何 JavaScript 数据类型。
var studentObj = {
fullname: "John Smith",
studentNumber: "U1234567",
age: 20,
csMajor: true
};
JSON 数据： 严格规范的格式，键必须是字符串，值只能是以下类型之一：字符串、数字、布尔值、对象、数组或 null。
{
"fullname": "John Smith",
"studentNumber": "U12