iT邦幫忙

1

JavaScript 基礎知識-for 迴圈搭配 break 的運用

當我們在執行 for 迴圈時,如果我們是希望滿足條件後就跳脫迴圈而不要讓迴圈跑完時,這時候就可以搭配 break 來作運用

建立一個陣列資料如下:

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

我們運用一個正常的 for 迴圈來撈出所有的資料 chicken 屬性,會如下:

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

這時候 console 會依序輸出 10520

但如果今天我只希望迴圈在跑的時候,有符合條件的第一筆資料抓出來即可,不用把全部資料抓出來,這時候 break 就會是一個很好的運用

for(var i=0; i<farms.length; i++){
    // 如果 chicken 屬性有大於 5
    if(farms[i].chicken > 5){
        console.log(farms[i].name);
        // 輸出 name 屬性
        break;
        // 跳脫迴圈
    }
}

照上面的邏輯,在 console 僅會輸出 Jerry 而已,因為在跑第一筆資料的時候,他的 chicken 屬性即大於 5console 輸出 name 屬性之後即會跳脫迴圈了

綜合上述,break 的使用時機再於,當有滿足條件的時候即會跳脫迴圈,並不會全部執行完畢。


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

尚未有邦友留言

立即登入留言