WeHelp
掌握基礎的 JavaScript 觀念、語法、和程式運作流程,以及物件導向程式的入門技巧。
  1. JavaScript 快速開始
  2. 資料、資料型態
  3. 變數的使用
  4. 運算符號
  5. IF 條件判斷
  6. Switch 條件判斷
  7. While 迴圈
  8. For 迴圈
  9. 函式基礎
  10. 內建函式
  11. 箭頭函式
  12. 匿名函式
  13. 物件基礎
  14. 建構函式
  15. 類別與物件
  16. 字串物件
  17. 數學物件
  18. 陣列物件
物件基礎
## JavaScript 物件基礎 JavaScript 物件(Object)可以用來整理一組相關的資料與功能。資料以「屬性名稱」和「值」的形式儲存,例如: ```javascript { name: "小明", age: 20 } ``` ### 1. 使用 `new Object()` 建立物件 可以先建立一個空物件,再逐一加入屬性: ```javascript const person = new Object(); person.name = "小明"; person.age = 20; console.log(person.name); // 小明 console.log(person.age); // 20 ``` 存取屬性時,常用「點記法」: ```javascript person.name ``` 也可以使用「方括號記法」: ```javascript person["name"] ``` ### 2. 使用 Object Literal 建立物件 Object Literal 是直接使用大括號 `{}` 建立物件,語法較簡潔: ```javascript const product = { name: "鍵盤", price: 1200, available: true }; console.log(product.name); // 鍵盤 console.log(product["price"]); // 1200 console.log(product.available); // true ``` ### 常見操作 ```javascript object.property = value; // 新增或修改屬性 delete object.property; // 刪除屬性 ``` 物件中的值也可以是函式,這種函式通常稱為方法,可以透過物件來執行。
相關學習地圖、教學課程
F2E 網站前端工程
從 0 開始,成為網站前端工程師的學習路徑。