# 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 迴圈`