---
# System prepended metadata

title: 3/18 線上 Slack 助教
tags: [JS 直播班 - 2021 春季班]

---

---
tags: JS 直播班 - 2021 春季班
---

# 3/18 線上 Slack 助教

## 今日輪班助教時間

SONYKO：3/18（四）
早上 9:00 - 早上11:00，下午 1:00 -下午 5:00


## 發問規範

老師助教同學們好，**這是我的 Codepen**，我**原本預期**「JS 第 8 行會出現數字 8」，**但卻出現**「預期外的結果是 0」，想問下問題出在哪裡？

## 注意

1. 請各位先到 Slack 上將問題放在助教服務內的 thread，如圖
 ![](https://i.imgur.com/nHE3sOx.png)
2. 遵循以上的發問規範以便助教查看問題，不可直接貼上網址而沒有說明文字或者只提供截圖
3. 助教會依照 Slack 上的順序回覆問題
4. 以下問題區塊只能由助教自行增加
5. 助教會將回覆寫在下方問題區塊

## 問題

（這裡只能由助教自行增加問題，請大家將問題放在 thread 上）

1. **Hsin：**
老師助教同學們好，這是我的codepen ，看了助教的任務回覆後(可以不宣告 count 變數，用 data 陣列長度來取得共有幾筆資料)，嘗試自己修改code，但發現將count改成data.length後，搜尋後data.length不會自動更新，還是停留在全部資料的長度，還有另外想請教若不使用count變數，如何讓搜尋不到時會出現的區塊正確呈現呢? 問題有點長，希望助教看得懂QQ 謝謝!
> 助教回覆：
> data.length 不會自動更新是因為 data 為初始定義的資料，所以怎麼取都會是 2 筆 。 
> 助教覺得同學原本的寫法很 ok 沒有錯， 這邊如果要使用 data 陣列長度來取得筆數的話要使用 [filter](https://ithelp.ithome.com.tw/articles/10250605) 做篩選（ 因為 filter 會回傳篩選完的新陣列 ）
> 這邊附上同學使用 filter 的[範例](https://codepen.io/s_syoujyo/pen/ExNzGey?editors=0010)( 程式碼第 130 行 )。  有疑問歡迎再提出唷 (*ﾟ∀ﾟ//)
---
2. **Kevin：**
助教您好，今天有收到您協助修改第五周主線任務，您有提供一個建議是，渲染的部分有重複程式碼，建議將重複的部分包成函式來執行，對於這個部分，不太理解重複的是哪個部分，能否請助教協助告知，謝謝您
> 助教回覆：
> 重複的部分為程式碼 54 行 ～ 82 行與程式碼 98 行 ～ 126 行的部分（ 都是渲染套票項目的 HTML 結構 )
> 我[修改同學的 code](https://codepen.io/s_syoujyo/pen/oNYRKBz?editors=0011) , 將 init 當作渲染函式代入 initChange 。 同學可以參考一下哩！ (*ﾟ∀ﾟ//)