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

# 4/8 線上 Slack 助教

## 今日輪班助教時間

佩涵：4/8（四）
早上 9:00 - 早上 11:00，下午 1:00 -下午 5:00

## 發問規範

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

## 注意

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

## 問題

1. **RitaHuang：**
老師助教同學們好，我想請問一下：
一個網頁可以同時引用 2 個 json 檔嗎？
jS 文件上，同時使用2個 axios(url) 引入。
https://codepen.io/Rita-Rossweisse/pen/RwKLrQy
> 助教回覆：
可以唷～像是最終作業就會一次串好幾支 api 來製作不同的功能。
這邊助教修改了同學的 [code](https://codepen.io/PeiHan/pen/KKaXJGa?editors=1010)
> 1. 引入 axios 的 js
> 2. 增加 HTML 標籤
>
> 畫面是有成功呈現出來的～

---

2. **John G：**
老師助教同學們好，以下是我的codepen
https://codepen.io/john-chen-the-flexboxer/pen/KKaXEYx?editors=0010
題目是要
修改 x 軸單位為組別編號，顯示各組投稿人數，目前我只會做各組依序排列，然後就卡住了

    ["各組繳交人數",8,7,7,7,7,5,6,5,3,4,6,9,6,7,7,7,4,6,3,6,8,10,9,4,4,6,4,27]

請問我該如何處理資料才能讓x軸可以作為組別的編號呢?
> 助教回覆：
如果要修改 x 軸的名稱，要先在 data 加上屬性 x: 'x'，並在 columns 的陣列裡 "再" 增加一個新陣列，裡面是擺放所有組別編號，要注意的是第一筆值需對應前面的的 x 屬性，這樣 c3 才知道這個陣列是要代入 x 軸的名稱
因此格式大概要長這樣

data: {
   x: 'x',  // 'x' 名稱可以自訂，但下面的 'x' 也要記得修改
   columns: [['x', 1, 2, 3, 4, ... , '未分組'], objKey],
   type: 'bar'
},

> ['x', 1, 2, 3, 4, ... , '未分組'] 這部分可以透過 Object.keys(barObj) 跟 .unshift('x') 的方式產生，同學可以試著實作看看唷～

---

3. **yu0917：**
助教您好~
我想詢問影音課程「實做axios DOM 表單註冊流程」裡的程式碼(如附圖)。這邊用 else的話([codepen](https://codepen.io/guymrzme/pen/NWdamZV?editors=1010))結果會一樣嗎?
為何有時候要用if else ，有時候不用 else?
> 助教回覆：
在這邊加上 else 也是可以正常運作的哦～
>
> 可以省略 else 因為 if 有加上 return
一旦 if 的條件成立就會直接中斷函式，不會再執行判斷式後面的程式碼
如果有用一層 else 包住，其實就可以把 if 的 return 拿掉，因為 if 的條件若沒成立就會直接執行 else 的指令
>
> 當然也是有需要 if 但是可以不用加上 return 跟 else{} 的使用情境～
而這一題就是看個人開發習慣選擇 if + return 還是 if.. else 哩

---

4. **圈圈：**
助教好！想詢問設計稿中的訂單編號在api中是哪個名稱呢？不知道是我眼殘沒看到，還是說這部分是直接從1開始列編號即可:sweat_smile:
再麻煩助教明天解惑～謝謝！

> 訂單編號是 id 唷（不是 products 裡的

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