iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

初心者解任務啦!JS 的 30 道任務 系列

初心者向的 JS 的學習紀錄

鐵人鍊成 | 共 30 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文
DAY 21

[ Day 21 ] - 認識 JS 原生寫法處理 AJAX

JS 原生寫法處理 AJAX XMLHttpRequest 透過建立一個XMLHttpRequest物件,開啟一個 URL 並發送請求,此為較為傳統的方式範例如...

2021-10-06 ‧ 由 karakamin 分享
DAY 22

[ Day 22 ] - 陣列資料處理 - forEach

陣列資料處理 - forEach 會將陣列中的每一個元素資料進行處理 使用範例 let dataList = [10, 20, 30, 40]; dataLis...

2021-10-07 ‧ 由 karakamin 分享
DAY 23

[ Day 23 ] - 陣列資料處理 - map

陣列資料處理 - map 特性 可以將原始陣列經過處理後,重新組合回傳一個新陣列 不會影響原始陣列 範例一:將陣列內的資料做運算處理 const dataL...

2021-10-08 ‧ 由 karakamin 分享
DAY 24

[ Day 24 ] - 陣列資料處理 - filter

特性與用途 不會影響到原始陣列的資料 可以篩選符合條件的內容,並且回傳至新的陣列 直接進入寫法及範例 範例一:找出陣列中 >= 10 的資料 cons...

2021-10-09 ‧ 由 karakamin 分享
DAY 25

[ Day 25 ] - 陣列的資料處理 - find

特性與用途 不會影響到原始陣列的資料 篩選符合條件的第一筆資料,並且回傳至新的陣列 直接進入寫法及範例 範例一:找出陣列中 >= 10 的資料 con...

2021-10-10 ‧ 由 karakamin 分享
DAY 26

[ Day 26 ] - 陣列的資料處理 - findIndex

特性與用途 不會影響到原始陣列的資料 回傳符合條件的一筆資料的 index(索引) 直接進入寫法與範例 範例一:找出 >= 10 的 index co...

2021-10-11 ‧ 由 karakamin 分享
DAY 27

[ Day 27 ] - 樣板字面值(Template literals)

說明 在先前的版本中被稱為樣板字串(template strings)早期在組字串資料時會用大量的 " + " 語法 要組成的字串使用兩個...

2021-10-12 ‧ 由 karakamin 分享
DAY 28

[ Day 28 ] - 作用域與範圍鏈

什麼是作用域 靜態作用域:在語法解析時就確定作用域且不會再改變,JavaScript 屬於此類,又稱作語法作用域(lexical scope) 動態作用域:在...

2021-10-13 ‧ 由 karakamin 分享
DAY 29

[ Day 29 ] - this

基本概念 this 是一個關鍵字 在不同執行環境中,this 所指向的值也會不同 this 和函式的呼叫方法有關 在全域環境下 this 值在所有函式以外...

2021-10-14 ‧ 由 karakamin 分享
DAY 30

[ Day 30 ] - 初學者升級啦~完賽心得

初學者升級啦 YA!30天了~代表我連續 30 天學習 JS 了!(拍手~) 第一次參加鐵人賽,其實當初活動開始的時候就一直猶豫,直到開賽最後一天下定決定報名!...

2021-10-15 ‧ 由 karakamin 分享