---
tags: 30 天軟體工程師體驗營｜2025
---
> 建議觀看的影音章節：
> - JS - 字串型別詳解

# 🏅 JS 任務 Day3 - 字串設計

## 提示
1. [JavaScript 字串方法](https://www.w3school.com.cn/js/js_string_methods.asp)

### 題目一：字串長度計算

// input 輸入
checkStringLength("Hello")
checkStringLength("my name is Tom！")

// output 輸出
5
15

### 題目二：英文強制小寫

// input 輸入
lowerCase("[e-mail]")
lowerCase("[e-mail]")

// output 輸出
"[e-mail]"
"[e-mail]"

### 題目三：去除掉段落的左右空白

// input 輸入
trimString("    hi, mom!  ")
trimString(" [e-mail]  ")

// output 輸出
"hi, mom!"
"[e-mail]"

### 題目四：字串依照條件轉陣列

// input 輸入
splitString("black,red,white")
splitString("coffee,tea")

// output 輸出
// ["black","red","white"]
// ["coffee","tea"]

### 題目五：切割市區字串

// input 輸入
getArea("高雄市前鎮區一心二路33號");
getArea("高雄市新興區新興路66號");

// output 輸出
"前鎮區"
"新興區"

## 回報流程

1. 將答案貼在 Codepen 並複製 Codepen 連結貼至「回報區」回報
（也可以將答案直接貼至「回報區」）


<!-- 解答：
題目一：
function checkStringLength(str) {
console.log(str.length);
}

題目二：
function lowerCase(str) {
console.log(str.toLowerCase());
}

題目三：
function trimString(str) {
console.log(str.trim());
}

題目四：
function splitString(str) {
console.log(str.split(","));
}

題目五：
function getArea(address) {
const match = address.match(/(.+市)?(.+區)/);
if (match && match[2]) {
console.log(match[2]);
} else {
console.log("無法擷取區名");
}
}
-->
回報區
---

| 報數 | Discord 名字 | Codepen／其他回饋 |
|:----:|:---------------:|:--------------------------------------------------------------------------:|
|1|蛋殼|[Codepen](https://codepen.io/weybrian/pen/vEEWeXw)
|2|力文|[Codepen](https://codepen.io/liwenchiou/pen/YPPErro?editors=0011)
|3|dean|[Codepen](https://codepen.io/ch933114/pen/RNNjLVX?editors=1111)
|4|里歐|[Codepen](https://codepen.io/akihico/pen/jEEaGLm?editors=1010)
|5 | 7Lun | [Day3-Codepen](https://codepen.io/mfyvqhsn-the-bold/pen/qEEVPxg?editors=0012) |
| 6 | Toung | [Codepen](https://codepen.io/Toung/pen/xbbPXry) |
| 7 | 4chan | [Codepen](https://codepen.io/ijuolaqc-the-looper/pen/ZYzqzvg?editors=1101)|
| 8 | Saika | [Codepen](https://codepen.io/saika4501/pen/emmGbXE?editors=0011)|
| 9 | Eden | [Codepen](https://codepen.io/iseden/pen/PwwOOBE)|
| 10 | B | [Codepen](https://codepen.io/Babel777/pen/pvvddNO)|
| 11 | jingle0900 | [Codepen](https://codepen.io/EvaLi0472/pen/qEEVVMN)|
| 12 | HLC | [Codepen](https://codepen.io/pppbbb262626/pen/YPPEEdQ?editors=1111)|
|13|小趴|[Codepen](https://codepen.io/papa2415/pen/mdggjxz)|
| 14 | pastor | [Codepen](https://codepen.io/peter_hung/pen/myyqqLM)|
| 15 | 蛋白 | [蛋白的JSCodepen Day3](https://codepen.io/sjlu-0/pen/MYYQGxY)|
| 16 | 馬德 | [Codepen](https://codepen.io/maywang/pen/PwwOExg?editors=0012)|
| 17 | Kath | [Codepen](https://codepen.io/JLin-the-lessful/pen/azzVYqz?editors=0010)|
| 18 | 蛋黃 | [Codepen](https://codepen.io/yiyun12o9/pen/dPPZdrb)|
| 19 | Joseph_Kyuu | [Codepen](https://codepen.io/zrzfastd-the-reactor/pen/emmeMVa) |
| 20 | dd | [Codepen](https://codepen.io/dorihung/pen/raaYvZj) |
| 21 | 叮咚 | [Codepen](https://codepen.io/pinchieh-lin/pen/OPPOEEN) |
| 22 | WAWATA | [Codepen](https://codepen.io/wa-wa-GNOHC-WA-Wa/pen/KwwyGNa) |
| 23 | nora_zizi | [Codepen](https://codepen.io/Nora-Ch/pen/YPPEJeo?editors=1111) |
| 24 | BL | [Codepen](https://codepen.io/bonnieli1414/pen/KwwyrVR?editors=0012) |
| 25 | mambo | [Codepen](https://codepen.io/chiang_mb/pen/PwwOxbm) |
| 26 | Ali | [Codepen](https://codepen.io/Alicia1117/pen/oggoQpx) |
| 27 | wei_0982 | [Codepen](https://codepen.io/nico-lai/pen/pvvpPKw?editors=0012) |
| 28 | Apple Pie | [Codepen](https://codepen.io/ymevqzjf-the-builder/pen/zxxpPGM?editors=0011) |
| 29 | Cami | [Codepen](https://codepen.io/irisLife/pen/JooMveJ)|
| 30 | ann#6212 | [Codepen](https://codepen.io/yqmegupa-the-styleful/pen/myypjdJ)|
| 31 | Yukon | [Codepen](https://codepen.io/ukowork/pen/LEEeBQE)|
| 32 | Archang | [Codepen](https://codepen.io/pxfnrvgk-the-styleful/pen/yyyPEbX?editors=1111)|
| 33 | 牛奶 | [Codepen](https://codepen.io/0omilko0/pen/OPPzqjp?editors=0011) |
| 34 | CBK | [Codepen](https://codepen.io/BK-C-the-styleful/pen/QwwaXOa) |
| 35 | YuTing | [Codepen](https://codepen.io/venus50533/pen/vEEpqog?editors=1011)|
| 36 | ArvinSu | [Codepen](https://codepen.io/Arvin-Su/pen/zxxRxYO) |
| 37 | Hugh | [Codepen](https://codepen.io/Hugh-Chen/pen/oggEXRm?editors=1111) |
| 38 | 野鴿 | [Codepen](https://codepen.io/HoshinoSyouta/pen/VYYQGEz?editors=1111) |
| 39 | RUDY | [Codepen](https://codepen.io/Rudy-crw/pen/EaaQJLV?editors=0011) |
| 40 | Leonard | [Codepen](http://codepen.io/hyyfjqra-the-sans/pen/OPPvVMa) |
| 41 | Nora | [Codepen](https://codepen.io/Yun-Jhen-Dai/pen/gbbegMO?editors=1011) |
|42|yang|[Codepen](https://codepen.io/Yang-J/pen/zxxWwyd?editors=0011)|
| 43 | WEIWEI | [Codepen](https://codepen.io/weiwei93/pen/bNNYKeE) |
| 44 | stone | [Codepen](https://codepen.io/bgrwlzoz-the-reactor/pen/myyxMBm) |
| 45 | Jessie | [Jessie 的 Codepen](https://codepen.io/bakyfkso-the-looper/pen/XJJqrEN)
| 46 | 周周 | [Codepen](https://codepen.io/jhoujhou-the-decoder/pen/JoovdON?editors=0012)
| 47 | mercury2508. | [Codepen](https://codepen.io/Mercury2508/pen/oggdwQV) |
| 48 | Rogan | [Codepen](https://codepen.io/RoganHsu/pen/yyyjzmO?editors=1111) |
| 49 | tung | [Codepen](https://codepen.io/oltsegon-the-looper/pen/emmrjMG) |
| 50 | 登登登 | [Codepen](https://codepen.io/Duncanin/pen/OPPZwNe) |
| 51 | William Hsieh | [Codepen](https://codepen.io/lsaimqxa-the-vuer/pen/ZYYoPZv?editors=0012) |
| 52 | Owen He | [Codepen](https://codepen.io/owen1120/pen/pvvKzvq?editors=0012) |
| 53 | yue | [Codepen](https://codepen.io/Ling-the-scripter/pen/bNNKeJp) |
| 54 | Chuang | [Codepen](https://codepen.io/uidoytjq-the-solid/pen/ZYYRMZm?editors=0012) |
| 55 | ninii | [Codepen](https://codepen.io/niiniiii/pen/GggBRgB?editors=1111) |
| 56 | Ariel | [Codepen](https://codepen.io/ariel0510/pen/Eaaegaw?editors=0011) |
| 57 | oyll | [Codepen](https://codepen.io/pen/?editors=0011) |
| 58 | Peggy| [Codepen D1to5](https://codepen.io/cpt23462599/pen/gbbdeOo)|
| 59 | Sonia| [Codepen D1to5](https://codepen.io/YUJOU/pen/VYYEYrV?editors=0011)|
| 60 | dawnwang87| [Codepen](https://codepen.io/yrpnrtsy-the-typescripter/pen/yyyQaNL?editors=1111)|
| 61 | Acadia | [Codepen](https://codepen.io/Acadia/pen/azzPKmE?editors=0011) |
| 62 | ja4071 | [Codepen](https://codepen.io/SHAO-L/pen/JoowxJv) |
| 63 | kelsonhouse | [Codepen](https://codepen.io/Kelson-House/pen/bNNzeQY?editors=0011) |
|64|JHT|[Codepen](https://codepen.io/juanht/pen/PwwVzRW?editors=0012)|
|65|taishan_90178|[Codepen](https://codepen.io/candy99/pen/oggmZPw?editors=0012)|
|66|vima|[Codepen](https://codepen.io/chin7004/pen/gbbqmKK?editors=0011)|
|67|Mic|[Codepen](https://codepen.io/Mic-Pan/pen/gbbqmYx?editors=0011)|
|68| duchi |[Codepen](https://codepen.io/sqaz0502/pen/myyoXEK)|
|69| Holly |[Codepen](https://codepen.io/LEE-HOLLY/pen/qEEwXBG?editors=1111)
|70| allen3290 |[Codepen](https://codepen.io/udadkudw-the-looper/pen/JooVMOP?editors=1111)
|71| Yi-Kuei |[Codepen](https://codepen.io/Yi-Kuei-Chuang/pen/pvvmNMv?editors=1012)
|71| Esther |[Codepen](https://codepen.io/biunpujm-the-flexboxer/pen/zxxVYro?editors=1111)
|72| xiaocai_97765 | [Codepen](https://codepen.io/dupre55667788/pen/ZYGEJKW?editors=0010)
|73| rinn | [Codepen](https://codepen.io/cqsioetr-the-bold/pen/jEPEdzV?editors=0111)
|74| 610 | [Codepen](https://codepen.io/YI-LING-LIU/pen/gbpPGdQ)
|75| kent_31665 | [Codepen](https://codepen.io/kentlee406/pen/KwpzMzd?editors=0011)
|76| Astrid | [6/8](https://codepen.io/astrid321654/pen/PwqJNOa?editors=0012)
|77| World | [Codepen](https://codepen.io/HexschoolVuePujols/pen/yyNjdxQ)
|78| andy | [Codepen](https://codepen.io/ewnblckz-the-styleful/pen/xbwRLQK?editors=0011)
| 79 | 禹成林 | [Codepen](https://codepen.io/useirin/pen/wBKYLVp) |
| 80 | Melanie | [Codepen](https://codepen.io/pnrcspte-the-animator/pen/myVgYbp?editors=0011) |