---
# System prepended metadata

title: 物件 - Object 寫法教學
tags: [JavaScript - 學徒篇]

---

# 物件 - Object 寫法教學

- 為什麼需要物件去搭配陣列?




```
// 假設下列有好幾個陣列內容:
   ex: 農夫、兩隻小狗、3棵蘋果樹

var farmer = 'Wilson';
var dog = ['小黑','小白'];
var appleTree = [3,10,12];
```

- 但我們有時候可能不只一個農場，可能有好幾個
  而裏頭的內容可能也會是:某某農場的 狗狗或是其中一棵樹
  這時候我們就需要用物件來包住這些陣列 data 
  
  
### 物件寫法:

```
// 宣告 farm 為 object 物件

var farm = {

};

console.log(typeof(farm));

// object
```

### 新增一個屬性給它，並撈取名字:

- **寫法注意事項**:

  雖然物件寫法類似 CSS，但要注意{}內的值後面不是帶 **;**
  而是 **,** 以讓物件可以繼續寫下去。

```
// 物件 object 教學:

var farm = {
    // 類似 CSS 一樣的寫法 , 裡面有屬性(name)、值(value)
    farmer: '陳有財',
};

console.log('這位農夫的名子是:' + farm.farmer);

// 這位農夫的名子是:陳有財
```

### 物件內新增屬性，或更新數據:

- 要在物件新增內容的方法如下:

  farm (物件變數)，後面帶 . 的方式來命名新增屬性且賦予數值給它

```
// 農夫養育了小雞

farm.chick = 29;

console.log('幾個月後，農場增加了:' + farm.chick + '個小雞');

//幾個月後，農場增加了:29個小雞
```

### 物件內新增陣列屬性:

```
// 新增一隻狗狗的陣列資料，該如何寫:

farm.dog = ['小黑', '小白'];
console.log(farm);

// 撈取第二隻狗狗的名稱?

console.log('農場裡第二隻的狗狗叫做:' + farm.dog[1] + '非常活潑!');

// 農場裡第二隻的狗狗叫做:小白非常活潑!
```


###### tags: `JavaScript - 學徒篇`
