iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

咩色用得好,歸剛沒煩惱 - 從 ECMAScript 偷窺 JavaScript Array method 系列

JavaScript 的 Array method 是非常好用的工具,裡面蘊含了不少 JavaScript 的知識點及特性, 在學習的途中可以補足非常多 JavaScript 該有的觀念!除了從常見的 MDN 來查找資源,會再搭配 ECMAScript 輔助,嘗試從更高且抽象的角度看待 Array method!
此系列文章會從介紹使用 Array method 的原因開始,接著是 JavaScript 及 ECMAScript 需要的一些相關知識,並陸續介紹 26 個 Array method,包括使用時機、使用方法、 注意事項及如何搭配 ECMAScript 閱讀,最後做一個總結。

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

Day 11 咩色用得好 - Array.prototype.map

閱讀說明 整篇會分成以下幾個部分: 使用時機 語法 範例 注意事項 ECMAScript 結論 map 這個 method 的全寫應該是 Array.pro...

2022-09-26 ‧ 由 阿傑 分享
DAY 12

Day 12 咩色用得好 - Array.prototype.pop

閱讀說明 整篇會分成以下幾個部分: 使用時機 語法 範例 注意事項 ECMAScript 結論 pop 這個 method 的全寫應該是 Array.pro...

2022-09-27 ‧ 由 阿傑 分享
DAY 13

Day 13 咩色用得好 - Array.prototype.reduce (新手摧毀者)

Abstract 我是阿傑,曾經聽雪瑞學姐說過 reduce() 好好用、整理 API 好棒棒,我當下心想這麼好用的東西要是不會用可是要吃大虧了呢 (大媽心態?...

2022-09-28 ‧ 由 阿傑 分享
DAY 14

Day14 咩色用得好 - Array.prototype.some (沒事沒事,有就好了)

Abstract 我是阿傑,我有一陣子很迷戀設定每月目標,給自己立 flag,只要達標我就會犒賞自己,例如這樣: 很明顯的,我只有追劇達標!但人腦很奇妙,總是...

2022-09-29 ‧ 由 阿傑 分享
DAY 15

Day15 咩色用得好 - Array.prototype.fill (將陣列變成你想要的形狀)

Abstract 我是阿傑,上一篇說到我為了犒賞自己跑去買了 唉噁怕死普羅,但我並沒有亂花錢,我只是讓它變成了我想要的形狀! 陣列也可以,只要你會用 fill...

2022-09-30 ‧ 由 阿傑 分享
DAY 16

Day16 咩色用得好 - Array.prototype.indexOf

Abstract 整篇會分成以下幾個部分: 使用時機 語法 說明 範例 注意事項 ECMAScript 結論 indexOf() 這個 method 的全寫...

2022-10-01 ‧ 由 阿傑 分享
DAY 17

Day 17 咩色用得好 - Array.prototype.includes

Abstract 整篇會分成以下幾個部分: 使用時機 語法 說明 範例 注意事項 ECMAScript 結論 includes() 這個 method 的全...

2022-10-02 ‧ 由 阿傑 分享
DAY 18

Day 18 咩色用得好 - Array.prototype.flat

Abstract 整篇會分成以下幾個部分: 使用時機 語法 說明 範例 注意事項 ECMAScript 結論 flat() 這個 method 的全寫應該是...

2022-10-03 ‧ 由 阿傑 分享
DAY 19

Day 19 咩色用得好 - Array.prototype.slice

Abstract 整篇會分成以下幾個部分: 使用時機 語法 說明 範例 注意事項 ECMAScript 結論 slice() 這個 method 的全寫應該...

2022-10-04 ‧ 由 阿傑 分享
DAY 20

Day 20 咩色用得好 - Array.prototype.findIndex

Abstract 整篇會分成以下幾個部分: 使用時機 語法 說明 範例 注意事項 ECMAScript 結論 findIndex() 這個 method 的...

2022-10-05 ‧ 由 阿傑 分享