---
# System prepended metadata

title: "\U0001F3C5 JS 任務 Day22 - forEach"
tags: [軟體工程師體驗營 - 2024]

---

---
tags: 軟體工程師體驗營 - 2024
---

# 🏅 JS 任務 Day22 - forEach

[`forEach()`](https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach) 是屬於 **「陣列」** 的方法，會將陣列內的每個元素一一傳入，並依序執行函式。 `forEach()` 內的函式常見會帶有三個參數，以下為用法示例：

```javascript=
let data = ["a", "b", "c"];

// 參數 item 代表陣列中目前正在被處理的那個元素
// 參數 index 代表陣列中目前正在被處理的那個元素的索引值
// 參數 array 代表被處理的陣列本身，在此為 data
data.forEach(function(item, index, array){
  console.log(item, index, array);
})
```
執行結果:
![](https://i.imgur.com/NuRNgjX.png)



**這邊需要特別提醒，在 `forEach()` 函式內用 return 是無效的。除非程式碼有誤，否則並沒有中止 `forEach()` 的辦法**

```javascript=
let data = ["a", "b", "c"];

data.forEach(function(item, index, array) {
  console.log(item, index, array);
  // 程式碼會忽略這個 return
  return
})
```

問題
---
請根據以下要求撰寫程式碼:
> 1. 如果 numberAll 陣列內的值大於或等於 30，則用 `push()` 方法將其加入 NumberAbove30 陣列中。
> 2. 如果 numberAll 陣列內的值小於 30，則用 `push()` 方法將其加入 numberUnder30 陣列中。

```javascript=
let numberAll = [25, 30, 15, 50, 17, 40];
let numberAbove30 = [];
let numberUnder30 = [];

numberAll.forEach(function(/* 填入參數 */){
  if (/* 填入判斷式 */) {
    /* 程式碼撰寫處 */
  } else {
    /* 程式碼撰寫處 */
  }
});
console.log(numberAbove30);
console.log(numberUnder30);
```


## 回報流程

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

![](https://i.imgur.com/vftL5i0.png)

<!-- 解答：  


let numberAll = [25, 30, 15, 50, 17, 40];
let numberAbove30 = [];
let numberUnder30 = [];

numberAll.forEach(function(item) {
  if (item >= 30) {
    numberAbove30.push(item);
  } else {
    numberUnder30.push(item);
  }
});
console.log(numberAbove30);
console.log(numberUnder30);
-->


回報區
---

| 報數 | Discord 名字  |  Codepen／其他回饋                                                         |
|:----:|:-------------------:|:---------------------------------------------------------------------------------------------------------------------------------:|
|  01  | 詹姆士 | [Codepen](https://codepen.io/z111048/pen/GRaqLjw?editors=1111) |
|  02  | jerry | [Codepen](https://codepen.io/sony791210/pen/gOJMyWq) |
|  03  | yunyouob | [Codepen](https://codepen.io/ozkkvlsu-the-animator/pen/OJYXGmG?editors=1011)|
|  04  | anderson666 | [Codepen](https://codepen.io/goodmanbuild/pen/vYwKMRv)|
|  05  | tim | [Codepen](https://codepen.io/jskrtivy-the-animator/pen/ZENOZqK?editors=1111)|
| 06 | Aya | [Codepen](https://codepen.io/NoNameNote/pen/LYoZvrr) |
|  07  | Tough life | [Codepen](https://codepen.io/hakuei0115/pen/jOorRXM) |
|  08  | s870012 | [Codepen](https://codepen.io/idzrvbnl-the-bashful/pen/LYoZoLo?editors=1011) |
|  09  | JUN_ | [Codepen](https://codepen.io/Jun-L/pen/QWRERqM?editors=1011) |
|  10  | Antonio | [Codepen](https://codepen.io/gwhvusel-the-builder/pen/BaezeEd) |
| 11 | han | [Codepen](https://codepen.io/iamHanCheng/pen/bGyePEv?editors=0011) |
|  12  | Lauren | [Codepen](https://codepen.io/Lauren8/pen/GRaqbZE?editors=1111) |
|  13  | Emma | [Codepen](https://codepen.io/huang_L/pen/ZENOdwY) |
|  14  | Jiahe | [Codepen](https://codepen.io/Andywang-95/pen/zYQBgrN?editors=0012) |
| 15 | Michelle0417 |[Codepen](https://codepen.io/michelle0417/pen/bGyeXXE) |
| 1６ | 知夜 |[Codepen](https://codepen.io/XiaoXiaTian2/pen/xxNEKRQ?editors=1111) |
| 17 | Chia Pin |[Codepen](https://codepen.io/joker-cat/pen/JjqRjgW) |
|  18  | Ariel | [Codepen](https://codepen.io/ariel0510/pen/xxNEGLm?editors=0012) |
|  19  | Mionne | [Codepen](https://codepen.io/neohyntw/pen/MWdjaQM) |
|  20  | 薛逢 | [Codepen](https://codepen.io/vogqyrrj-the-selector/pen/QWRKjbr) |
|  21  | zaoannihao | [Codepen](https://codepen.io/ckhwdvrx-the-solid/pen/ExzggWm?editors=0111)
|  22  | Casey | [Codepen](https://codepen.io/Caseyyyyyyyyyyyyyy/pen/KKLgXoX) |
|  23  | Zander | [Codepen](https://codepen.io/chuangmaster/pen/OJYRvOz) |
|  24  | marklan | [Codepen](https://codepen.io/fantasybluz/pen/pomEGOd?editors=0011) |
|  25  | JY | [Codepen](https://codepen.io/jylee0805/pen/yLWJqQB?editors=1111) |
|  26  | 風羽 | [Codepen](https://codepen.io/Joy-Huang/pen/QWRKPey?editors=0011) |
|  27  | kawa | [Codepen](https://codepen.io/z83xji6/pen/PovGMrr?editors=1111) |
|  28  | macihuang | [Codepen](https://codepen.io/macy1215/pen/ExzNYXR) |
|  29  | easonpan | [Codepen](https://codepen.io/easonpan0904/pen/pomEvNJ) |
|  30  | boin | [Codepen](https://codepen.io/boinji/pen/eYaBmrd) |
|  31  | Shen | [Codepen](https://codepen.io/yan-Shen-the-decoder/pen/XWwNxmg) |
|  32  | Sammy | [Codepen](https://codepen.io/fsczdlla-the-bold/pen/bGygPGp?editors=1011) |
|  33  | oyll | [Codepen](https://codepen.io/dizzydog-rgb/pen/OJYzBQN) |
|  34  | hao jing | [Codepen](https://codepen.io/hjxu/pen/ZENveyO?editors=1011) |
| 35 | ChrisLin | [Codepen](https://codepen.io/vllzfzco-the-reactor/pen/gOJyepY?editors=1111) |


<!--
|  num  | user | [Codepen]() |
-->