上一課： 第 9 課：集合資料 — 陣列 Array ｜ 下一課： 第 11 課：函式 Function 入門

第 10 課：物件 Object 入門

課程摘要：本課將介紹 JavaScript 的 Object，學習如何使用「鍵值對 (key-value)」儲存與操作結構化資料，是理解真實世界資料模型的關鍵。

學習目標

1. 理解物件的概念與用途。
2. 能建立物件並讀取與修改屬性。
3. 了解巢狀物件與點記法 (dot notation)。

課程大綱

• 什麼是物件？
• 建立物件與屬性存取
• 新增、修改與刪除屬性
• 巢狀物件與實務應用

核心概念解說

物件是由多組「鍵（key）」與「值（value）」所組成的集合，例如：

let person = {
  name: "小明",
  age: 25,
  job: "工程師"
};

console.log(person.name);  // 小明
console.log(person["age"]); // 25
  

可以動態修改或新增屬性：

person.age = 26;          // 修改屬性
person.city = "台北";      // 新增屬性
delete person.job;        // 刪除屬性
  

互動式範例

範例說明：嘗試新增或修改物件屬性，觀察輸出結果。

常見錯誤與除錯指南

• 使用 person["key"] 時，需用引號包住 key。
• 嘗試讀取不存在的屬性會回傳 undefined。
• 不建議重複宣告物件變數，可直接修改屬性。

小測驗（附解析）

1. 若 let user = { name: "Ann" }，執行 user.age = 20，結果為？
   答案： 新增屬性後物件為 { name: "Ann", age: 20 }
2. delete 的用途是什麼？
   答案： 用於刪除物件屬性。

複習與下一步

你已了解如何使用物件儲存與操作資料。 下一課將學習 「函式 Function 入門」， 幫助你組織程式邏輯，提升程式重用性。