# [Live-log]_W3 ###### tags: `draft` - 目標:年底前4個作品 - 第5週結算小組成績 - 第4週作業(=期中考) - 第4週作業要多留時間給自己 - 建議25小 - 3倍、5倍時間 - 可以從第3週開始準備第4週 - 從先看懂程式碼**開始** - 學習如何安排時間 - 先搞定知識 - 第4週才開始主線=25小 - 第3週 12.5hrs - 第4週 12.5hrs - 第4週錄影建議章節看到函式 - 新手跟著影片練10遍 - 100遍也可以 - 上梯真的有學長練100 - 每次的 bug 都不一樣 - 可以發現不足的觀念 - 不要安逸 - 趁年輕盡量學習 - 小組題庫 - https://chalk-freedom-ec6.notion.site/JS-d007dc3766b042a1a0ed2a5e23b9cd9f --- - 中獎者 - ![](https://i.imgur.com/LPAWT4u.png) - ? - 作品發表會:12月底 - 最終作業 - The F2E - 完成下個主線任務:有獎品 - 陣列、物件:儲存資料結構 - 陣列:適合存放集合資料 - 裡面放「型別資料」 - 0 代表第 1 筆 - meme:世界上有2種人 ``` 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. 「最新消息」放第1筆) - 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] 下半堂 - 最難der - 物件取值:2種 ``` 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 3 1 2 2 3 - [09:15] 使用時機 - 型別也可以放陣列進去 - 陣列-大量同性質:兩戶 ``` let ary = [{ }, { }] ``` - 寫程式永遠沒有最正確的解答 - 只有符合情境的程式邏輯 - 水果攤題目 - AB都是對的 - B比較靈活、有後路 - A相對乾淨 - 程式:描述好需求、拆解文字 - 旅館題目 - AB都有符合需求 - B比較有彈性 - 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