---
# System prepended metadata

title: '[Live-log]_W3'
tags: [draft]

---

# [Live-log]_W3
###### tags: `draft`

- 目標：年底前４個作品

- 第５週結算小組成績
    - 第４週作業（＝期中考）

- 第４週作業要多留時間給自己
    - 建議２５小
    - ３倍、５倍時間
    - 可以從第３週開始準備第４週
        - 從先看懂程式碼**開始**
    
- 學習如何安排時間
    - 先搞定知識
        - 第４週才開始主線＝２５小
    - 第３週 12.5hrs
        - 第４週 12.5hrs

- 第４週錄影建議章節看到函式

- 新手跟著影片練１０遍
    - １００遍也可以
        - 上梯真的有學長練１００
    - 每次的 bug 都不一樣
        - 可以發現不足的觀念

- 不要安逸
    - 趁年輕盡量學習


- 小組題庫
    - https://chalk-freedom-ec6.notion.site/JS-d007dc3766b042a1a0ed2a5e23b9cd9f
---

- 中獎者
    - ![](https://i.imgur.com/LPAWT4u.png)
    - ？

- 作品發表會：12月底
    - 最終作業
    - The F2E

- 完成下個主線任務：有獎品

- 陣列、物件：儲存資料結構

- 陣列：適合存放集合資料
    - 裡面放「型別資料」
    - 0 代表第 1 筆
        - meme：世界上有２種人

```
let colors = ["yellow", "red", "blue"]

console.log( colors[0] )

console.log( colors.length )
// output: 3

console.log( colors[colors.length] )
// output: undefined

```

- 抓最後一筆
```
console.log( colors[colors.length-1] )
```

- 新增一筆資料到最後面（ex. 搶頭香）
    - colors.push("pink")

- 放最前面（ex. 「最新消息」放第１筆）
    - colors.unshift("white")

－ask
![](https://i.imgur.com/dzZcqpW.png)


- 先求有再求好


- colors.splice(1, 1)
    - 指定第幾筆資料、刪除幾筆
    - （ex. delete To-Do lists）
        - 以後學到 DOM

- [08:33] 小組題目
https://chalk-freedom-ec6.notion.site/Part-1-31-35-4d6e6d2899654bcd8b35d88f928b8ff5
<!--
2
3
3
2
2
-->

- [08:38] 物件

- 物件 vs 陣列的使用時間、差異

- 物件：講解詳細資訊（屬性、value）

```
let personal = {
  name: "str",
  price: 3000,

}
// 造訪資料
console.log(personal.name)

// add
personal.pc = "Mac"
console.log(personal)

// delete
// personal.price -= 3000
personal.price = personal.price - 3000

// string + string 
personal.name += "QQ"


```

- [08:50] QK 



## [08:55] 下半堂

- 最難ｄｅｒ

- 物件取值：２種


```

let obj = {
    myName: "str"
    0: "2000"

}
// obj.myName == obj['myName']

// 時機：不允許讀取狀態
console.log(obj['0'])
```
console.log(obj[thatName])
console.log(obj["myName"])

let thatName = "myName"
console.log(obj.thatName)
// undefined




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


- [09:11] 小組
https://chalk-freedom-ec6.notion.site/Part-2-36-40-757973c312e0429cb9480875a5322e69
３
１
２
２
３

- [09:15] 使用時機

- 型別也可以放陣列進去


- 陣列－大量同性質：兩戶

```
let ary = [{  }, {  }]
```

- 寫程式永遠沒有最正確的解答
    - 只有符合情境的程式邏輯

- 水果攤題目
    - ＡＢ都是對的
    - Ｂ比較靈活、有後路
    - Ａ相對乾淨

- 程式：描述好需求、拆解文字

- 旅館題目
    - ＡＢ都有符合需求
    - Ｂ比較有彈性


- JSON：資料格式、共用語言
    - 每個程式跟資料庫的格式不一樣
 
- 看最外面 [] 陣列
最外面 {} 物件


- 計算
![](https://i.imgur.com/gBzsMBP.png)

- [09:40] ubike


- 讀取：
    - 物件用「.」去尋找屬性
    - 陣列用「[]」

- 剛開始可以一層一層測試，不用一次到位


- 可以把資料集抓下來之後
    - 讀取只需要的資源

- [09:49] TDX

- [09:52] 中文名稱：15%

```
// 開頭不能是數字
let 車站編號 = '3'

obj.data[0].車站編號

obj.data[0].["車站編號"]

```

- 里長資料集－篩選資料
    - ![](https://i.imgur.com/xqFj1GY.png)


- [10:05] 週末任務


- https://www.youtube.com/watch?v=m3UwxDvQJEo







































