DailyChallenge_WebDepartment/Day_13

Day_13 · 对象 Object 与 JSON（第二周小测）

预计耗时：20~30 分钟 对象把一组相关的数据打包在一起（比如一个人的姓名、年龄、爱好）。JSON 是前后端传数据的通用格式。今天认识它们。

今日知识点

• 对象：{ 键: 值, 键: 值 }，用 对象.键 取值
• JSON：本质是"字符串形式的对象"，常用于接口传数据
• JSON.stringify(对象) 转字符串；JSON.parse(字符串) 转回对象

先学（教程）

• 菜鸟教程 JS（看"JS 对象"和"JS JSON"）：https://www.runoob.com/js/js-json.html
• MDN·JSON：https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/Objects/JSON
• B站视频（黑马程序员，看讲"对象、JSON"的几集，选看）：https://www.bilibili.com/video/BV1Y84y1L7Nn/

任务（后做）

新建 day13.js：

1. 建一个对象：

   let person = {
     name: "张三",
     age: 18,
     hobbies: ["代码", "篮球"]
   };
   console.log(person.name);
   console.log(person.hobbies[0]);
   

2. 用 JSON.stringify(person) 转成字符串，打印看看长什么样
3. 用 JSON.parse 把这段字符串转回对象，再打印 .age

完成标准

• 会用 对象.键 取值
• 会 JSON 字符串和对象的互相转换
• 能说出对象和 JSON 字符串的区别

提交方式：把 day13.js 代码 + 运行结果截图，贴在当日工单评论里。

参考解答（先做再看）

let person = {
  name: "张三",
  age: 18,
  hobbies: ["代码", "篮球"]
};
console.log(person.name);      // 张三
console.log(person.hobbies[0]); // 代码

const json = JSON.stringify(person);
console.log(json);
// {"name":"张三","age":18,"hobbies":["代码","篮球"]}

const obj = JSON.parse(json);
console.log(obj.age);          // 18

恭喜！两周的基础都走完了。下一步进入 DOM 操作、事件、异步和 Vue，请期待后面的课程。