iT邦幫忙

1

JavaScript 基礎知識-for 迴圈搭配 if 判斷式

  • 分享至 

  • xImage
  •  

for 迴圈的應用,除了撈取相同性質的資料外,我們也可以在執行的時候搭配判斷式,來過濾出來我們想要取得的資料,以下就開始來寫個範例:

我們先來假設,有一個小鎮上,分別有三棟房子,分別為 Jerry Tom Jack 的,房子內依序有各個的房間數和人數(屬性),因此建立一個 area 陣列來存放三棟房子(物件)的資料

var area=[
    {
        house: 'Jerry',
        room: 3,
        people: 6,
    },
    {
        house: 'Tom',
        room: 4,
        people: 10, 
    },
    {
        house: 'Jack',
        room: 6,
        people: 13,
    }
]

那我們先寫個 for 迴圈取出所有房子的人數吧

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

這時候在 cosole 看,分別會是 6 10 13,3個數字
那如果這時候我想要篩選出人數有超過7個以上的房子,就要在 for 迴圈加入判斷式來過濾資料

for(var i=0; i<area.length; i++){
    if(area[i].people > 7){
        console.log(area[i].house+'的房子人數超過7個');
    }   
}

此時在 console 看,會輸出
Tom的房子人數超過7個
Jack的房子人數超過7個

利用 if 判斷式來過濾資料,而判斷的條件是每筆資料的 people 屬性有超過 7,即會被輸出在 console,每次變數 i 都會遞增,依序檢查每筆資料,有符合條件就輸出在 console


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

尚未有邦友留言

立即登入留言