---
# System prepended metadata

title: "\U0001F3C5 Day 08 - 陣列與物件操作(1)"
tags: [JS 直播班 - 2025 秋季班]

---

# 🏅 Day 08 - 陣列與物件操作(1)

### 題目
請運用課堂中教到的陣列與物件相關知識，依照題目說明完成內容。
以下題目請合併為一份 CodePen 繳交。


問題一
---
```javascript=
let recipe = ['sugar', 'salt', 'flour', 'fruit'];

// 1. 請使用陣列方法取得 recipe 的長度，並使用 console.log 印出
console.log(...);

// 2. 請使用陣列取值方法取得結果為 'sugar' 的值，並使用 console.log 印出
console.log(...);

// 3. 請使用陣列取值方法取得結果為 'fruit' 的值，並使用 console.log 印出
console.log(...);

// 4. 請使用陣列方法替陣列 recipe 在最後新增一個值 'butter'
recipe...;
            
// 5. 請使用陣列方法刪除陣列 recipe 第 3 筆以後的資料（刪除 flour、fruit），最後印出整個陣列
recipe...;
console.log(recipe);
```

問題二
---
高雄地區開始實施兵役體檢，只要符合以下其中一個條件就可以免除兵役:
1. BMI >= 35
2. 天生為扁平足 (Flatfoot)

請透過以下程式幫 Bob 判斷一下他需不需要當兵，如果需要，則用陣列方法把他加到 soldierName 陣列裡面。（補上 `...` 的部分）

```javascript=
let soldierName = ["Tom", "Nick", "John"];
let bobBmi = 22;
let isFlatfoot = false;

if(...) {
  console.log("Bob 不用當兵");
} else {
  // 將 Bob 填入國軍名單
  ...
  console.log("Bob 光榮入伍");
  console.log(`名單: ${soldierName}`);
}
```


<!-- 解答： 

問題一
// 1. 
console.log(recipe.length);
// 2. 
console.log(recipe[0]);
// 3. 
console.log(recipe[3]);
// 4. 
recipe.push('butter');
// 5.
recipe.splice(2);
console.log(recipe);

補充文章 - 「JS 常見陣列方法」：
https://www.casper.tw/development/2020/10/04/js-array-methods/


問題二
```
let soldierName = ["Tom", "Nick", "John"];
let bobBmi = 22;
let isFlatfoot = false;

if(bobBmi >= 35 || isFlatfoot) {
  console.log("Bob 不用當兵");
} else {
  // 將 Bob 填入國軍名單
  soldierName.push("Bob");
  console.log("Bob 光榮入伍");
  console.log(`名單: ${soldierName}`);
}
```

補充說明：
isFlatfoot 為布林值（上方的設定為 false）可以直接作為條件判斷，
若要判斷為 true (與 isFlatfoot 相反)，
可以使用 ! (反轉) => 寫成 `!isFlatfoot` 便能判斷為 true 。


問題三
```
let breadRecipe = {
  ingredients: ["高筋麵包粉", "牛奶", "酵母", "糖", "鹽", "奶油"],
  bakeTime: 30,
  difficulty: "簡單",
  seasoning: {
    sugar: "22g",
    salt: "10g",
    pepper: "10g"
  }
};
```


問題四
// 取得 country 的值
console.log(weather.country);  // 方法一
console.log(weather["country"]);  // 方法二

// 取得 "PM2.5" 的值
console.log(weather["PM2.5"]); 

// 取得 isSunny 的值
console.log(weather.isSunny);  // 方法一
console.log(weather["isSunny"]);  // 方法二

// 取得 rainingRegion 陣列的第一個值 '鼓山'
console.log(weather.rainingRegion[0]); 

// 在 rainFall 新增一個屬性名為「旗津」、設定值為 200，並輸出結果
weather.rainFall.旗津 = 200; // 方法一
console.log(weather.rainFall);

weather["rainFall"]["旗津"] = 200; // 方法二
console.log(weather["rainFall"]);

-->