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

# 🏅 JS 任務 Day22 - forEach

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

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

// 參數 item 代表陣列中目前正在被處理的那個元素
// 參數 index 代表陣列中目前正在被處理的那個元素的索引值
// 參數 array 代表被處理的陣列本身，在此為 data
data.forEach(function(item, index, array){
  console.log(item, index, array);
})

執行結果:

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

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 陣列中。

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 連結貼至「回報區」回報
（也可以將答案直接貼至「回報區」）


<!-- 解答：

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]() |
-->