JS 筆記 - for 迴圈 + if 的使用練習

之前學過 if，是有條件下的篩選機制，如果是多樣本但只要取出條件下的數值，配上迴圈就會非常好用，下方帶入一個主題：

有三間賣炸雞的餐廳要被評鑑銷售量，套餐要超過 100 筆訂單的就可獲得獎品。

三家炸雞店的資料如下：

var shops = [
  {
    captain: "Tim",
    chicken: 150,
    coke: 200,
    fries: 70,
    set: 99,
  },
  {
    captain: "Min",
    chicken: 99,
    coke: 77,
    fries: 55,
    set: 101,
  },
  {
    captain: "Mike",
    chicken: 105,
    coke: 111,
    fries: 75,
    set: 130,
  },
];
//陣列資料

因為只有三筆資料，可以很輕易地用眼睛看出來誰的套餐超過 100 套，但如果資料一多，就要使用迴圈了。
先用 length 查一下資料長度：

var setTotal = shops.length;
console.log(setTotal); //結果會得到 3

使用迴圈來找超過一百套的店家吧！

for (i = 0; i < setTotal; i++) {
  if (shops[i].set > 100) {
    console.log(shops[i].captain + "的套餐在本月賣超過 100 套，以資鼓勵");
  }
}

1. 建立迴圈，從第一筆資料找起，條件為當變數小於 setTotal 資料數，更新的內容。關於迴圈可以看這篇
2. 使用 if，在 shops 中，找到 set 套餐大於 100 套的店家。
3. 找到這些店長的名字。

畫面結果如下：

---

結語

1. 練習 JS 至今，要建立一些情境才能更明確的來練習該內容，會比較有方向，也練習如果未來面對開發的需求，會遇到的條件，滿有意思的！
2. 陣列與物件很常被使用，要多多練習。