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 篇文章 | 18 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day 21 咩色用得好 - Array.prototype.findLast

Abstract 我是阿傑,既然前面介紹了這麼多 找東西 的咩色 (find、filter、indexOf...),我們今天就來介紹一個最新最時尚的咩色 -...

2022-10-06 ‧ 由 阿傑 分享
DAY 22

Day 22 咩色用得好 - Array.prototype.findLastIndex

Abstract 我是阿傑,既然昨天已經介紹了 findLast(),那今天當然就是它的西柏林啦,我相信... 如果想知道為什麼 ECAMScript 為什麼...

2022-10-07 ‧ 由 阿傑 分享
DAY 23

Day 23 咩色用得好 - Array.prototype.lastIndexOf

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

2022-10-08 ‧ 由 阿傑 分享
DAY 24

Day 24 咩色用得好 - Array.prototype.reverse

Abstract reverse() 不像其他咩色需要帶入參數甚至是 callback,使用起來可以說是相對簡單,但它的演算法稍嫌複雜且有一些讓人迷惑的地方,因...

2022-10-09 ‧ 由 阿傑 分享
DAY 25

Day 25 咩色用得好 - Array.prototype.concat

Abstract concat() 是一個容易使用且直覺的咩色,但其操作過程會用到 @@isConcatSpreadable 這個 well-known Sym...

2022-10-10 ‧ 由 阿傑 分享
DAY 26

Day 26 咩色用得好 - Array.prototype.splice (part - 1)

Abstract 我是阿傑,由於 splice() 這個咩色的 ECMAScript 的演算法非常複雜,為了避免文章過於龐大,會將其拆成 2 天介紹: 第 1...

2022-10-11 ‧ 由 阿傑 分享
DAY 27

Day 27 咩色用得好 - Array.prototype.splice (part - 2)

Abstract 我是阿傑,昨天 (Day 26) 介紹了 splice() 的基本用法,今天就來介紹 ECMAScript 演算法的部分,這邊會用我的理解將其...

2022-10-12 ‧ 由 阿傑 分享
DAY 28

Day 28 咩色用得好 - Array.prototype.sort (part - 1)

Abstract 我是阿傑,由於 sort() 這個咩色的 ECMAScript 的演算法非常複雜,為了避免文章過於龐大,會將其拆成 2 天介紹: 第 1 天...

2022-10-13 ‧ 由 阿傑 分享
DAY 29

Day 29 咩色用得好 - Array.prototype.sort (part - 2)

Abstract 我是阿傑,昨天 (Day 26) 介紹了 sort() 的基本用法,今天就來介紹 ECMAScript 演算法的部分,這邊會用我的理解將其拆成...

2022-10-14 ‧ 由 阿傑 分享
DAY 30

Day 30 咩色用得好 - 所以我說...陣列到底是什麼?

Abstract 我是阿傑,今天是第 30 天了! 雖然過程總是辛苦,但留在腦中的東西才是可以讓人好過的真正原因,我們今天就來聊聊什麼是 陣列 吧! 我想每個...

2022-10-15 ‧ 由 阿傑 分享