文章目录
- 前言
- 一、什么是 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"