---
tags: Vue 直播班 - 2022 冬季班
---
# 🏅 Day 15 - 解構賦值和其餘運算子
題目
---
參考：https://wcc723.github.io/javascript/2017/12/25/javascript-destructuring/
(1) 依據提示將以下程式碼用解構方式達成目標
```js=
// 題目一: 請使用解構，取出 name 及 age 的變數
const person = {
name: '小明',
age: 16
}
console.log(name, age); // 結果為 "小明", 16
// 題目二: 請問以下 console.log 的輸出結果為何?
let [a, b, c = 4, d = 'New', e] = [1, 2, 3];
console.log(a, b, c, d, e);
```
參考：https://wcc723.github.io/javascript/2017/12/24/javascript-spread-operator/
(2)依據提示將以下程式碼用展開方式達成目標
```js=
// 題目一: 請使用展開將 arr 的內容併入 arrNew
let arr = [1, 2, 3];
let arrNew = [?, 4, 5, 6]; // [1, 2, 3, 4, 5, 6]
console.log(arrNew);
// 題目二: 請使用展開將 restInfo 的內容併入 MingInfo
let restInfo = {
sex: '男生',
height: 178
}
let MingInfo = {
name: '小明',
age: 20,
}
```
(3) 請修改以下程式碼，透過 [參數預設值](https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Functions/Default_parameters)、[其餘參數](https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Functions/rest_parameters) 的方式完成此範例。
```js=
function getMoney(/* 填入程式碼 */) {
return money;
}
let myMoney = getMoney();
// fruits 是一個陣列
function buySomething(/* 填入程式碼 */) {
if(fruits.length > 2) {
myMoney -= 200;
}else {
myMoney -= 100;
}
console.log(`小明剩下 ${myMoney} 元`);
}
buySomething('lemon', 'watermelon', 'kiwi'); // 結果為 "小明剩下 300 元"
buySomething('lemon', 'watermelon'); // 結果為 "小明剩下 200 元"
```
## 回報流程
將答案寫在 CodePen 並複製 CodePen 連結貼至底下回報就算完成了喔!
解答位置請參考下圖（需打開程式碼的部分觀看）
<!-- 解答：
(1)
// 題目一
const person = {
name: '小明',
age: 16
}
const {name, age} = person;
console.log(name, age);
// 題目二
1, 2, 3, "New", undefined
(2)
// 題目一
let arr = [1, 2, 3];
let arrNew = [...arr, 4, 5, 6];
console.log(arrNew);
// 題目二
let restInfo = {
sex: '男生',
height: 178
}
let MingInfo = {
name: '小明',
age: 20,
...restInfo
}
(3)
// fruits 是一個陣列
function getMoney(money = 500) {
return money;
}
function buySomething(...fruits) {
let myMoney = getMoney();
if(fruits.length > 2) {
myMoney -= 200;
}else {
myMoney -= 100;
}
console.log(`小明剩下 ${myMoney} 元`);
}
buySomething('lemon', 'watermelon', 'kiwi');
buySomething('lemon', 'watermelon');
-->
回報區
---
| Discord | CodePen / 答案 |
|:------------:|:------------------------------------------------------------------:|
| Kimi#9564 | [CodePen](https://codepen.io/kimihu91/pen/xxJwjGm) |
| aki | [codepen](https://codepen.io/aki168/pen/oNMgBwR) |
| Wendy3#5615 | [ Codepen ](https://codepen.io/wendy03/pen/MWByvXr) |
| 冬天#5215 | [codepen](https://codepen.io/winter_/pen/dyjMzqB) |
| albee#9121 | [Codepen](https://codepen.io/albee-chang/pen/abjNyRQ) |
| Amberhh#2465 | [codepen](https://codepen.io/Amberhh/pen/vYaGJPE?editors=0011) |
| 威0#6919 | [codepen](https://codepen.io/n0918679182/pen/xxJVLzQ?editors=0012) |
| 薯餅#3581 | [Codepen](https://codepen.io/ColdingPoTaTo/pen/GRBZveo) |
| 大衛#4869 | [Codepen](https://codepen.io/exnsrpjc/pen/bGjprJq?editors=1011) |
| KC_8685#9343 | [Codepen](https://codepen.io/cathy7411/pen/vYaGJvY) |
| ChloeLo#4858 | [Codepen](https://codepen.io/chloelo/pen/poZyrxd) |
| PH#2731 | [Codepen](https://codepen.io/lokf9527/pen/LYBNzYw) |
| 阿榮#8277|[CodePen](https://codepen.io/mogzbvfl-the-reactor/pen/VwBazRZ)|
|RJRS#9430|[CodePen](https://codepen.io/RJRS/pen/ExpKvqr)|
|ㄚ翔#8126|[codepen](https://codepen.io/engineerjohnson/pen/abjNLOx?editors=1111)|
|柔柔#1716|[Codepen](https://codepen.io/rouchen/pen/WNKwZrX?editors=1011)|
|Potatolee#7749|[Codepen](https://codepen.io/potatoleee/pen/XWBdaLx?editors=1011)|
|Chi#7605|[Codepen](https://codepen.io/YoChi84/pen/abjNLdr)|
|Bella_#1587|[Codepen](https://codepen.io/Chen-Bella/pen/ZEjWXBm)|
| christina#6185 |[Codepen](https://codepen.io/chrisc0210/pen/XWBdepG)|
|kenki100#0068|[Codepen](https://codepen.io/ken100/pen/bGjprZq)|
|AuroraC#6539|[codepen](https://codepen.io/AuroraC/pen/NWBNvVg?editors=1012)|
|Tami#6742|[Codepen](https://codepen.io/wqsdqbjn-the-vuer/pen/mdjPBwR)|
|大頭#8116|[Codepen](https://codepen.io/d22495521/pen/ExpKwXB?editors=1012)|
| yuyu#6310 |[Codepen](https://codepen.io/yuyu0905/pen/PoBNJmj?editors=0012)|
| mandylai#4055 |[Codepen](https://codepen.io/mandy-lai-2/pen/ZEjWXLm)|
| 楊苡安#2752 |[hackmd](https://hackmd.io/@L7K9-66lSeagS28AP0_GjQ/rychEAiKi)|
|RT#2151|[Codepen](https://codepen.io/youtingluo/pen/ZEjWXrP?editors=0011)|
|Jill Lee#0809|[Codepen](https://codepen.io/chi-ling-lee/pen/zYLqEEV?editors=0011)|
|Winnie#1306|[Codepen](https://codepen.io/WinnieWuWinnie/pen/JjBXrZY?editors=0012)|
|威爾#1694|[CodePen](https://codepen.io/WILL_Wu/pen/BaPKwVY)|
|LinaChen#1796|[CodePen](https://codepen.io/LinaChen/pen/BaPKwrJ)|
|kuku#3118|[Codepen](https://codepen.io/mengting-ku/pen/OJwNxwz)|
|CatBoxy#4207|[Codepen](https://codepen.io/nekoboxy/pen/xxJVwxE)|
|int#7518|[Codepen](https://codepen.io/intHuang/pen/KKBzXrb?editors=0012)|
|jacky010080#0880|[CodePen](https://codepen.io/Yen-Jung-Chen/pen/ZEjWXVd?editors=1011)|
|Hilda#7085|[Codepen](https://codepen.io/vwquikad-the-vuer/pen/ZEjWXPd)|
|Alex#9978|[Codepen](https://codepen.io/datsxzqg-the-selector/pen/OJwNxaQ?editors=0011)|
|jimmyFang#9575|[Codepen](https://codepen.io/pohxiqqo/pen/ExpKbxP?editors=0011)|
|小夜#3809|[Codepen](https://codepen.io/Naito_K/pen/GRBZMdE?editors=0011)|
|Wendy77#8049|[Codepen](https://codepen.io/Wendy__/pen/OJwNxKZ)|
|Rena#6249|[Codepen](https://codepen.io/aureate0116/pen/OJwNxYZ)|
|RainJ#3480|[Codepen](https://codepen.io/RainJCode/pen/eYjZGdb)|
|Cheryl#4007|[Codepen](https://codepen.io/Cheryl-Hsu/pen/LYBNOZy?editors=0012)|
|Cliff#4606|[Codepen](https://codepen.io/Cliff_hex/pen/abjNVwp?editors=0011)|
|Ruby Chen#7452|[Codepen](https://codepen.io/ruby92429/pen/MWByEGx?editors=1011)|
|RainLiao#2616|[Codepen](https://codepen.io/billpop741/pen/KKBzXRG)|
|魚子醬#5220|[Codepen](https://codepen.io/haihsuan/pen/LYBNOLj)|
| YC#2522 | [CodePen](https://codepen.io/YCLu/pen/oNMjqYy) |
|hungya#0773|[Codepen](https://codepen.io/hungya777/pen/oNMxomd?editors=0011)|
|LHchien33#6232|[Codepen](https://codepen.io/lin_chien/pen/xxJVprJ)|
|PeihanWang#2530|[Codepen](https://codepen.io/PeihanWang/pen/vYaGeWy?editors=0012)|
|How#5806|[Codepen](https://codepen.io/howtobefine/pen/zYLqRNX)|
|popeye#5081|[codepen](https://codepen.io/popeye_ux/pen/qByZxRB)|
|Benson#6763|[CodePen](https://codepen.io/kumashow/pen/bGjpLMv)|
|出事了阿伯#9923|[CodePen](https://codepen.io/BradpittLai/pen/dyjMdmX?editors=1011)|
|masterYan#2480|[CodePen](https://codepen.io/htzwgoqt-the-looper/pen/bGjpLXx?editors=0010)|
|泊岸#3466|[CodePen](https://codepen.io/qoq77416416/pen/jOpqZZp?editors=0011)|
|SASIMI#5099|[CodePen](https://codepen.io/sashimi1327/pen/BaPKrLq)|
|老皮博士#8050|[CodePen](https://codepen.io/li0406/pen/mdjPLwN?editors=0011)|
|圈圈#4060|[Codepen](https://codepen.io/wjejfczn-the-bold/pen/RwBaJoR?editors=1111)|
|柚子#3958|[Codepen](https://codepen.io/as6625998/pen/WNKwKQL?editors=0011)|
|Asher Xu#9297|[Codepen](https://codepen.io/kirakira72/pen/RwBaMJB)|
|hannahTW#2224|[Codepen](https://codepen.io/hangineer/pen/dyjMjPW?editors=0012)|
|Austyn#0949|[Codepen](https://codepen.io/fish90547/pen/wvxGEPM?editors=0012)|
|小木馬#8760|[Codepen](https://codepen.io/wmmtbcsd/pen/gOjrdeb?editors=0010)|
|Knock59487#9114|[Codepen](https://codepen.io/Zack88/pen/BaPKOGz?editors=1111)|
|黑白兔#0684|[Codepen](https://codepen.io/johnny329/pen/PoBNKVz)|
|JackC#0411|[Codepen](https://codepen.io/key0329/pen/LYBNaYb)|
|Fang#4680|[Codepen](https://codepen.io/std95174/pen/dyjMrRV)
|Yishan#4902|[Codepen](https://codepen.io/gdjrehhw-the-animator/pen/poZyYKv?editors=0011)|
|Mylène#2481|[CodePen](https://codepen.io/hamajibashi/pen/XWBdQNe)|
|shiuan#4721|[Codepen](https://codepen.io/prankaChang/pen/eYjZPRb?editors=0011)|
|FiReBrO#0557|[Codepen](https://codepen.io/firebro42/pen/BaPKEbz)|
|RyanC#6960|[Codepen](https://codepen.io/RyanYD/pen/GRBZapZ?editors=1011)
| azami#5986 |[CodePen](https://codepen.io/azami/pen/VwBaJGX)|
|Ron Liang#7277 |[CodePen](https://codepen.io/ron-go/pen/yLqOmoM)|
|阿鑫#4346|[CodePen](https://codepen.io/Neil1024/pen/poZbJbL?editors=0011)|
Zack_P#1805|[CodePen](https://codepen.io/tmzazirh-the-animator/pen/LYBZpZx?editors=1011)|
| Sean#3825 | [CodePen](https://codepen.io/sean_1215/pen/zYLBvZr?editors=0011) |
| --------------------- | --------------------------------------------------------------------------- |
| PayRoom#8328 | [CodePen](https://codepen.io/water38198/pen/vYaKgXJ) |
| yoyo123456#0577 | [CodePen](https://codepen.io/hungyoyo/pen/oNMLZNq?editors=0011) |
| yoyo#1003 | [CodePen](https://codepen.io/pen/GRBqWWL) |
| Paul#7426 | [CodePen](https://codepen.io/paul-1997/pen/mdjEWpY?editors=0011) |
| DIO大人#4776 | [CodePen](https://codepen.io/oscar-2283/pen/jOprmGZ) |
| Yuna Huang#2692 | [CodePen](https://codepen.io/Yuna1002/pen/XWBKgGN?editors=0011) |
| 你看我像是會玩嗎#1866 | [CodePen](https://codepen.io/hasagg/pen/gOjMGmw) |
| 阿沁#8176 | [CodePen](https://codepen.io/a8322342/pen/eYjzevY) |
| Hironaka#7367 | [CodePen](https://codepen.io/Hironaka0815/pen/WNKxRKB?editors=0011) |
| enolachen#8031 | [CodePen](https://codepen.io/Chen-Enola/pen/PoBzERY) |
| 心幻羽#0056 | [CodePen](https://codepen.io/linglingsyu/pen/poZbxPa?editors=1011) |
| yaru#6308 | [CodePen](https://codepen.io/lszaietc/pen/dyjMmyW) |
| Bassjim#0118 | [CodePen](https://codepen.io/unrtxbaq/pen/xxJExrZ?editors=1112) |
| 竹輪#3335 | [CodePen](https://codepen.io/chikuwa0120/pen/dyjpPYd) |
| Hazel.#6020 | [CodePen](https://codepen.io/Hazelhsieh/pen/WNKrZXa) |
| suihsilan#9485 | [CodePen](https://codepen.io/suihsilan/pen/xxJERdm?editors=0010) |
| kevin#6131 | [CodePen](https://codepen.io/xlqjezvc-the-encoder/pen/JjBRWEr?editors=1011) |
| 米米#1824 | [CodePen](https://codepen.io/Jameshsu0407/pen/MWBjpwa?editors=0011) |
| 阿異#4776 | [Codepen](https://codepen.io/yani21399/pen/xxJEdKJ)|
| ABOOS#6276 | [Codepen](https://codepen.io/guhungyin/pen/yLqaZVo?editors=1011)|
|Wei#2330|[Codepen](https://codepen.io/ixfjxrbo-the-typescripter/pen/GRBNEKq)|
|Shuo#1596|[Codepen](https://codepen.io/chiangchungshuo/pen/BaPpYBE)|
|popcorn_3q#9893|[Codepen](https://codepen.io/arnyrpqt-the-sasster/pen/PoBWamr?editors=1011)|
|Eileen#6454|[Codepen](https://codepen.io/Eileen-io/pen/bGjgXNv)|
|艸良#2846|[Codepen](https://codepen.io/momoninainai/pen/yLqMapW?editors=1010)|
|helena#8461|[Codepen](https://codepen.io/helena27/pen/ExpWgRP?editors=1010)|
|YI#0863|[Codepen](https://codepen.io/YI0305/pen/ExpWWqN?editors=0011)|
|MengLin#3001|[CodePen](https://codepen.io/aacj2642/pen/YzjZQKM?editors=0012)|
| Jenny真#7532 | [CodePen](https://codepen.io/wei-chen-wu/pen/vYamBdz?editors=0010) |
|Judy Wei#6103|[CodePen](https://codepen.io/Judy0718/pen/BaPRVKO)|
|IreneY#0086|[CodePen](https://codepen.io/HalfPlannedJourney/pen/NWBjLzM)|
| YU#0618 | [Codepen](https://codepen.io/yoken_/pen/NWBgdNP) |
| GOD_QWERTYUIOPLKJLKLLOINJ_MASTER#4922 | [Codepen](https://codepen.io/sho666/pen/dyjVVQO?editors=1012) |
| Cookie SSS#6991 | [Codepen](https://codepen.io/sqhjikpa-the-selector/pen/eYjGQJm?editors=1010) |
|Yiru #0236|[Codepen](https://codepen.io/yiru94/pen/WNKXjZd)|
|阿蘇#8531|[Codepen](https://codepen.io/susu3131/pen/yLqpLgr?editors=0011)|
|Tuhacrt#0008|[codepen](https://codepen.io/Tuhacrt/pen/mdjxEBr)|
|周周 #3503|[Codepen](https://codepen.io/jhoujhou-the-decoder/pen/OJwEYJZ?editors=0012)|
|Jujubeleven#1036|[Codepen](https://codepen.io/jujubeleven/pen/jOpgJPg?editors=0012)|
|Eason#7884|[Codepen](https://codepen.io/ASLEO/pen/wvYwxaa)|
Sign in with Wallet
Connect another wallet