Web API 与数据
读写 JSON 与验证结构
在文本与 JavaScript 值之间转换,并在使用字段前检查结构。
- 难度
- 入门
- 预计时间
- 40 分钟
- 最近验证
- 2026/9/21
这一节要完成什么
在文本与 JavaScript 值之间转换,并在使用字段前检查结构。
先理解:为什么要学它
在文本与 JavaScript 值之间转换,并在使用字段前检查结构。
跟着做
const raw = '{"topic":"HTML","minutes":35}';
const value = JSON.parse(raw);
if (typeof value.topic !== 'string') throw new Error('Invalid topic');
const output = JSON.stringify(value, null, 2);- 打开上一节项目并记录当前结果。
- 输入示例并完成:解析对象、数组、损坏 JSON 和缺少 topic 的数据,分别显示明确结果。
- 改变一个输入,先预测再验证。
- 制造并修复典型错误:JSON 不支持注释、尾逗号或单引号;parse 必须放进可恢复的错误流程。
关键代码怎么读
- 在文本与 JavaScript 值之间转换,并在使用字段前检查结构。
- 按输入、处理、输出三部分阅读代码。
- 用不同输入和边界情况验证。
常见错误:看到什么,检查什么
| 现象 | 检查方法 |
|---|---|
| 结果与预期不同 | JSON 不支持注释、尾逗号或单引号;parse 必须放进可恢复的错误流程。 |
| 刷新后没有变化 | 保存文件,检查路径并阅读 Console 第一条相关错误。 |
自己完成一次
解析对象、数组、损坏 JSON 和缺少 topic 的数据,分别显示明确结果。
完成后再看参考答案
重做并解释关键决定。检查:JSON 不支持注释、尾逗号或单引号;parse 必须放进可恢复的错误流程。
完成检查
- 我完成了本节要求的可见结果
- 我能解释关键代码的输入、处理和输出
- 我测试了正常、边界和错误情况