---
# System prepended metadata

title: 2. for-array 寫法
tags: [JavaScript - for 迴圈]

---

# 2. for-array 寫法

- for 迴圈，其實與陣列 array 是相互配合的好夥伴，本次範例將解析
  array 如何搭配 for 來製作一個簡單的小範例:

1. 假設我們有1個農場，這個農場有2個區域及兩個農夫在管理，用陣列可以這樣表示:

```
var farms = [{
        farmer: '查理',
    },
    {
        farmer: '卡斯伯',
    }
];
```

2. 上面可以看出: 我們有兩個農夫，區域1: 查理、區域2: 卡斯伯。

### 小技巧 - 使用變數去紀錄「陣列長度」:

- 在此範例，我們需要透過且知道陣列長度為何，以利完成本範例:

```
// 使用一個變數來記錄且計算農場陣列的長度，資料長度為:2。
var farmsTotal = farms.length;
```

### 範例開始:

- 注意組字串的內容:

  `(i+1)`，這邊代表的是，因為我們迴圈裡面寫的是0，若不使用`(i+1)`，那跑資料的時候不就會顯示: 第0..筆資料開始顯示，很怪對吧?
  
  前面我們條件都是設定數值，例如 `i < 10`，這邊我們則使用前面所記錄的陣列長度: farmsTotal，去i++


```
var farmsTotal = farms.length;

for (var i = 0; i < farmsTotal; i++) {
    console.log('第' + (i + 1) + '個農場的農夫為:' + farms[i].farmer);
}

console.log(farmsTotal);
```

- 資料顯示的方式為，依序帶出陣列有幾個農夫並帶出姓名:

`farms[i].farmer;`

###### tags: `JavaScript - for 迴圈`