在撈取資料的時候,可能會遇到我們需要一直撈取同樣性質的資料,這時候 for
迴圈就是使用的時機了
舉個例子,前面有說到陣列內可以放多個物件,來寫點東西吧
var farms = [
{
name: 'Jerry',
chicken: 5,
},{
name: 'Tom',
chicken: 10,
}
]
如果今天我們要讀取 farms
陣列內的所有物件的 name
屬性時,會這樣寫 farms[0].name
,farms[1].name
,數字0
和1
就是索引編號,那假設今天 farms
陣列內塞了一百筆的物件我要讀取每一筆物件的 name
屬性時,我不就要寫一百行嗎?
這時候就是要使用迴圈來幫我們完成這個任務拉,我們來寫一下 for
迴圈的範例:
for(var i=0; i<farms.length; i++){
console.log(farms[i].name);
}
對照上面的程式碼,架構會如下:
for(初始狀態;條件;更新狀態){
要執行的程式碼
}
小括號內的內容,先宣告一個 i
變數並從0
開始(初始狀態),在小於 farms
陣列的長度時,結束迴圈(條件),i++
意即每次遞增 +1 (更新狀態),而大括號內就是我們所要執行的程式碼
for
迴圈經常使用於陣列上的資料撈取,不妨可以先試著寫寫看比較簡單的迴圈,先嚐嚐迴圈的好處吧