iT邦幫忙

1

JavaScript 基礎知識-for 迴圈

在撈取資料的時候,可能會遇到我們需要一直撈取同樣性質的資料,這時候 for 迴圈就是使用的時機了
舉個例子,前面有說到陣列內可以放多個物件,來寫點東西吧

var farms = [
    {
        name: 'Jerry',
        chicken: 5,
    },{
        name: 'Tom',
        chicken: 10,
    }
]

如果今天我們要讀取 farms 陣列內的所有物件的 name 屬性時,會這樣寫 farms[0].namefarms[1].name,數字01就是索引編號,那假設今天 farms 陣列內塞了一百筆的物件我要讀取每一筆物件的 name 屬性時,我不就要寫一百行嗎?
這時候就是要使用迴圈來幫我們完成這個任務拉,我們來寫一下 for 迴圈的範例:

for(var i=0; i<farms.length; i++){
    console.log(farms[i].name);
}

對照上面的程式碼,架構會如下:

for(初始狀態;條件;更新狀態){
    要執行的程式碼
}

小括號內的內容,先宣告一個 i 變數並從0開始(初始狀態),在小於 farms 陣列的長度時,結束迴圈(條件),i++ 意即每次遞增 +1 (更新狀態),而大括號內就是我們所要執行的程式碼

for 迴圈經常使用於陣列上的資料撈取,不妨可以先試著寫寫看比較簡單的迴圈,先嚐嚐迴圈的好處吧 /images/emoticon/emoticon01.gif


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言