---
# System prepended metadata

title: 物件 + 陣列的設計流程
tags: [JavaScript - 學徒篇]

---

# 物件 + 陣列的設計流程

- 前面所學過的呼叫陣列 + 物件的各種方式如下:

- 陣列: `=[];`

  物件: `={};`
  
  物件+陣列: `={[]};`
  
  而今天要學習的是 陣列+物件:
  
### 為什麼需要陣列包物件?

- 舉例今天我是一個大老闆，我想要評論我兩個區域的員工工作效率如何
  那我的資料可能就是:
  
  
```
// 我有兩間 fab

var fab = [{
        leader: 'Liu',
        Staff: ['Chen'],
        waferSize: [4, 5, 6],
        machine: 'Batch Type',
    },
    {
        leader: 'Lin',
        staff: ['Wang'],
        waferSize: [6, 8],
        machine: 'ASM',
    }
];


console.log('我有兩間工廠，區域2的員工姓名是:' + epiFab[1].staff + '他負責的機台為:' + epiFab[1].machine);

// 我有兩間工廠，區域2的員工姓名是:Wang他負責的機台為:ASM
``` 

### 帶入 function 玩看看:

- 假使來講，我想撰寫一個故事情境:

  leader: liu，今天處理了一個機況，成員是: Chen，而機台吋別: 8，該怎麼撰寫?
  
```
// 我有兩間 fab

var fab = [{
        leader: 'Liu',
        staff: ['Chen'],
        waferSize: [4, 5, 6],
        machine: 'Batch Type',
    },
    {
        leader: 'Lin',
        staff: ['Wang'],
        waferSize: [6, 8],
        machine: 'ASM',
    }
];


console.log(fab[0].leader + '今天處理了一個機況，成員有:' + fab[0].staff[0] + '機台吋別為:' +
    fab[1].waferSize[1]);
    
// Liu今天處理了一個機況，成員有:Chen機台吋別為:8 

```

- 上述資料型態 陣列包物件:

1. 陣列的呼叫方式，`[]`，假設上面有兩組物件就是中括號裡面從0開始帶ˋ: `fab[0]`，

2. 陣列叫出來之後，物件用.的方式來叫


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


