物件基礎
## 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 網站前端工程