owned this note
owned this note
Published
Linked with GitHub
---
tags: 30 天軟體工程師體驗營｜2025
---
# 🏅 JS 任務 Day10 - 陣列 + 物件
> 建議觀看的影音章節：
> JS - 陣列教學
> JS - 物件教學
### 題目一：依照文字描述物件
請宣告一個 `family` 的變數，賦予物件型別，並嘗試在裡頭加上以下資訊
* 母親叫做`Mary`
* 父親叫做 `Bob`
* 有三個孩子，分別叫做 `John`、`Tom`、`Kate`
* 養了五隻貓、七隻狗、八頭牛、九隻蜘蛛
* 房貸是否繳清：否
### 題目二：看圖設計物件
* 請宣告一個 `room` 的變數，賦予物件型別，盡量描述下方圖片內容，例：有多少人開會，男女比例、文具數量等等。
### 題目三：擴充物件內容
* 請透過 `addKeyValue` 函式，來增減 `obj` 物件內容。
``` =JavaScript
const obj = {
name
people:3
};
// input 輸入
addKeyValue("name","Mike")
addKeyValue("people",2)
addKeyValue("people",4)
// output 輸出
//1
{
name:"Mike",
people:3
}
//2
{
name:"Mike",
people:5
}
//3
{
name:"Mike",
people:9
}
```
### 題目四：進階題，不適合新手
請宣告一個 `obj` 函式，並用`obj()[2]()`方式執行，並會 return 回傳 "hi"
```
obj()[2]()
// output 輸出
"hi"
```
## 回報流程
1. 將答案貼在 Codepen 並複製 Codepen 連結貼至「回報區」回報
（也可以將答案直接貼至「回報區」）
<!-- 解答：
題目一：
const family = {
mother: "Mary",
father: "Bob",
children: ["John", "Tom", "Kate"],
pets: {
cats: 5,
dogs: 7,
cows: 8,
spiders: 9
},
mortgagePaidOff: false
};
題目二：
const room = {
peopleCount: 5,
male: 2,
female: 3,
laptops: 5,
desktops: 1,
postItNotes: {
pink: 10,
orange: 12,
yellow: 6
},
whiteboard: true,
bookshelf: true,
plants: 1,
glassesOfWater: 1,
notebooks: 2,
mobilePhones: 2,
pens: 5,
isMeeting: true
};
題目三：
const obj = {
name: "",
people: 3
};
function addKeyValue(key, value) {
if (key in obj) {
if (typeof obj[key] === "number") {
obj[key] += value;
} else {
obj[key] = value;
}
} else {
obj[key] = value;
}
console.log(obj);
}
題目四：
function obj() {
return [
() => "first",
() => "second",
() => "hi"
];
}
-->
回報區
---
| 報數 | Discord 名字 | Codepen／其他回饋 |
|:----:|:------------:|:-------------------------------------------------------------------:|
| 1 | dean | [Codepen](https://codepen.io/ch933114/pen/QwwVapN?editors=0011) |
| 2 | 7Lun | [Day10-Codepen](https://codepen.io/mfyvqhsn-the-bold/pen/qEEMVLP) |
|3| Saika| [Codepen](https://codepen.io/pen/?editors=0011)|
| 4 | 4chan | [Codepen](https://codepen.io/ijuolaqc-the-looper/pen/QwwVaYp?editors=1011) |
| 5 | SeanLuTW | [Codepen](https://codepen.io/sean85914/pen/MYYqQdx) |
|6|小趴|[Codepen](https://codepen.io/papa2415/pen/yLWyjQW)|
| 7 | Joseph_Kyuu | [Codepen](https://codepen.io/zrzfastd-the-reactor/pen/bNNxvxJ?) |
| 8 | RUDY | [Codepen](https://codepen.io/Rudy-crw/pen/KwwxRgM?editors=0010) |
| 9 | han | [Codepen](https://codepen.io/iamHanCheng/pen/myyGLda?editors=0011) |
| 10 | 力文 | [Codepen](https://codepen.io/liwenchiou/pen/VYYGdEj?editors=0011)|
| 11 | Pastor | [Codepen](https://codepen.io/peter_hung/pen/jEEvxQB) |
| 12 | B | [Codepen](https://codepen.io/Babel777/pen/LEEJmoa) |
| 13 | 馬德 | [Codepen](https://codepen.io/maywang/pen/MYYqGKb?editors=0012) |
| 14 | WEIWEI | [Codepen](https://codepen.io/weiwei93/pen/LEEJraG) |
| 15 | 登登登 | [Codepen](https://codepen.io/Duncanin/pen/RNNYeKr) |
| 16 | ying | [Codepen](https://codepen.io/Lara-Lin/pen/PwwdQWW?editors=1111) |
| 17 | 牛奶 | [Codepen](https://codepen.io/0omilko0/pen/yyyxwjL?editors=0011) |
| 18 | nora_zizi | [Codepen](https://codepen.io/Nora-Ch/pen/EaaeMzW?editors=1111) |
| 19 | Archang |[codepen](https://codepen.io/pxfnrvgk-the-styleful/pen/ZYYMZyK)|
| 20 | Leonard |[codepen](https://codepen.io/hyyfjqra-the-sans/pen/VYYGOJK)|
| 21 | William Hsieh |[Codepen](https://codepen.io/lsaimqxa-the-vuer/pen/GggXboO?editors=0012)|
| 22 | yang |[codepen](https://codepen.io/Yang-J/pen/PwwdMOM?editors=0012)|
| 23 | Hugh |[codepen](https://codepen.io/Hugh-Chen/pen/qEEJNRN?editors=0011)|
|24|蛋殼|[Codepen](https://codepen.io/weybrian/pen/ByyqzJO)
| 25 | Jessie | [Jessie 的 Codepen](https://codepen.io/bakyfkso-the-looper/pen/XJJxmLN)
| 26 | Chuang | [Codepen](https://codepen.io/uidoytjq-the-solid/pen/QwwZmeX?editors=0011) |
| 27 | WAWATA | [Codepen](https://codepen.io/wa-wa-GNOHC-WA-Wa/pen/bNNmJwy) |
| 28 | Ariel | [Codepen](https://codepen.io/ariel0510/pen/gbbQbyV?editors=0011) |
| 29 | ann.328 | [Codepen](https://codepen.io/yqmegupa-the-styleful/pen/gbbQpvr) |
| 30 | mercury2508. | [Codepen](https://codepen.io/Mercury2508/pen/yyyQNZE) |
| 31 | CBK | [Codepen](https://codepen.io/BK-C-the-styleful/pen/emmQzvo) |
| 32 | BL | [Codepen](https://codepen.io/bonnieli1414/pen/MYYzeRg?editors=0012) |
| 33 | jingle0900 | [Codepen](https://codepen.io/EvaLi0472/pen/oggaEyN?editors=1111) |
| 34 | Sonia | [Codepen](https://codepen.io/YUJOU/pen/zxxMzQr?editors=0011) |
| 35 | oyll | [Codepen](https://codepen.io/dizzydog-rgb/pen/LEEXeWz?editors=0011) |
| 36 | 叮咚 | [Codepen](https://codepen.io/pinchieh-lin/pen/gbbQzLd) |
| 37 | 姜承 | [Codepen](https://codepen.io/Troy0718/pen/ZEqopQo?editors=0012) |
| 38 | tung | [Codepen](https://codepen.io/oltsegon-the-looper/pen/myyadNq) |
|39|JHT|[Codepen](https://codepen.io/juanht/pen/YPPBWLw?editors=0012)|
|40|wei_0982|[Codepen](https://codepen.io/nico-lai/pen/emmPzOo)|
| 41 | Anna | [Codepen](https://codepen.io/Anna-Teng/pen/YPPMmPK?editors=0012)|
| 42 | kelsonhouse | [Codepen](https://codepen.io/Kelson-House/pen/NPPmLEY?editors=0011)|
| 43 | Toung | [Codepen](https://codepen.io/Toung/pen/pvvBGJY)
| 44 | duchi | [Codepen](https://codepen.io/sqaz0502/pen/xbboxKg)|
| 45 | ninii | [Codepen](https://codepen.io/niiniiii/pen/JoogdGQ?editors=0110)|
| 46 | 3290 | [Codepen](https://codepen.io/udadkudw-the-looper/pen/bNNXjwm?editors=1011)|
| 47 | ja4071 | [Codepen](https://codepen.io/SHAO-L/pen/GggVJEW?editors=0112)|
| 48 | vima | [Codepen](https://codepen.io/chin7004/pen/RNNzLbR?editors=0011) |
| 49 | Rogan | [Codepen](https://codepen.io/RoganHsu/pen/XJbrBqb?editors=1111) |
| 50 | Yi-Kuei | [Codepen](https://codepen.io/Yi-Kuei-Chuang/pen/wBaBjPR?editors=0011) |
| 51 | xiaocai_97765 | [Codepen](https://codepen.io/dupre55667788/pen/QwbboMM?editors=0010)
| 52 | 610 | [Codepen]() |
| 53 | taishan_90178| [Codepen](https://codepen.io/candy99/pen/dPoVywr?editors=0012)
<!--【快速複製】
| num | user | [Codepen](https://codepen.io/YI-LING-LIU/pen/RNPaROX) |
-- >
Google Drive
Gist
Clipboard
Sign in with Wallet
