JSON 教程
JSON（JavaScript Object Notation，JavaScript 对象表示法） 是一种轻量的数据格式——用纯文本把「有什么数据、数据长什么样」写清楚，让浏览器、服务器、Python、Java 各种语言都能读懂同一份数据。
前后端之间传数据，十个有九个用的是它：接口返回的用户信息、配置文件里的参数、本地存储里的草稿，全靠 JSON。本章 6 章带你把 JSON 从「看得懂」练到「写得对、转得动、查得出错」。
章节目录
| 章节 | 内容 | 核心知识点 | 状态 |
|---|---|---|---|
| 1. JSON 是什么 | 数据的通用语 | JSON 解决什么问题、长什么样、用在哪 | ✅ 已上线 |
| 2. JSON 语法 | 六种数据与两条铁律 | 对象、数组、键必须双引号、值类型限制 | ✅ 已上线 |
| 3. 转换 | parse 与 stringify | JSON.parse()、JSON.stringify()、格式化输出 |
✅ 已上线 |
| 4. 嵌套对象与数组 | 数据套数据 | 多层取值、遍历数组对象、?. 防错 |
✅ 已上线 |
| 5. 常见报错与校验 | 一眼定位非法 JSON | 尾逗号、单引号、注释三大坑与安全校验 | ✅ 已上线 |
| 6. 综合练习 | 把配置表变成可用数据 | 全章串联：解析配置→渲染页面→改回 JSON | ✅ 已上线 |
学这章之前
- 建议先过 JavaScript 教程：JSON 的解析与转换要用 JS 来操作，会变量、对象、函数即可
- 不要求会后端：本章所有示例都能在前端在线运行场直接跑
JSON 在站里的位置
| 场景 | 例子 | 配套教程 |
|---|---|---|
| 接口返回数据 | 请求用户信息，服务器回一段 JSON | AJAX 教程 |
| 本地存储 | 把待办清单存进浏览器 localStorage | jQuery 综合练习 |
| 配置文件 | 各类工具的 config 文件几乎都是 JSON | 开发工具教程 |
记忆口诀
键要双引号，值看六类型；逗号别多写，注释不存在的。
动手建议
从 第 1 章：JSON 是什么 开始 🐸