天天看點

10 個你必須要知道的重要JavaScript 數組方法

10 個你必須要知道的重要JavaScript 數組方法

英文 | https://javascript.plainenglish.io/10-important-javascript-array-methods-you-must-know-bd791cbd6e43

數組方法在 JavaScript 中是必不可少的,數組方法有很多。對于忙碌的初學者,我選擇了 10 種最常見的數組方法,你必須學習它們,這些可以幫助你提升學習效率,節省時間。

為了便于了解,我為每個數組方法提供了一個示例用例。

01、Array.map()

通過調用回調函數,map() 方法循環周遊原始數組并在數組的每個元素上調用該函數。由于它是一種非變異方法,是以它會建立一個新數組并且不會更改原始數組。簡而言之,當你想要轉換數組中的所有值時使用它。

示例用例

如果有一個客戶清單,你有他們的名字,并且你想将每個客戶的姓氏設定為“Smith”。

10 個你必須要知道的重要JavaScript 數組方法

02、Array.forEach()

這與 map() 方法非常相似,它也對每個元素執行一次函數,除了它在原地改變原始數組,它不會建立新數組。

示例用例

如果你想列印清單中每個客戶的姓名,并且不需要新數組。

10 個你必須要知道的重要JavaScript 數組方法

03、Array.reduce()

Reduce 是最強大和最靈活的方法,因為它可以用來重新實作所有現有的數組方法,但它也是最難了解的。

reduce方法接受兩個參數:一個回調和一個初始值(arr.reduce(callback, initialValue),回調有4個參數,累加器、目前值、目前索引和初始值。簡單來說,這個方法減少了數組傳回一個值。

由于讨論 reduce() 方法的所有好處需要單獨寫一篇文章,是以,我将在這裡僅讨論兩個具有代表性的用例。

示例用例

1)計算沒有初始值的總和

10 個你必須要知道的重要JavaScript 數組方法

2)展平數組

10 個你必須要知道的重要JavaScript 數組方法

04、Array.filter()

顯然,當你需要過濾掉值時,會使用 filter() 方法。隻需将測試函數作為回調傳遞,它将傳回一個等于 true 的值以保留元素。

示例用例

你想從客戶清單中删除特定客戶,例如 Mary。是以,在回調中,你保留所有不等于 Mary 的名稱。

10 個你必須要知道的重要JavaScript 數組方法

05、Array.sort()

方法名稱不言自明,它用于對數組進行排序。

示例用例

你有一個列出每個客戶年齡的數組,你希望按升序對其進行排序。

10 個你必須要知道的重要JavaScript 數組方法

請注意,使用不帶回調的 array.sort() 将産生不同的結果,該結果僅根據第一個數字進行排序,而不是實際值。

06、Array.includes()

includes() 方法通過取值來确定數組是否包含某些元素。它傳回一個布爾值。

示例用例

如果你想知道 Mary 是否包含在數組中。

10 個你必須要知道的重要JavaScript 數組方法

07、Array.find()

使用 find() 方法,我們可以在數組中搜尋某些内容。它接受一個測試函數,并傳回提供的數組中與條件比對的第一個元素。換句話說,它不會傳回所有滿足測試的元素。

示例用例

如果你需要獲得一個長度為四個字母的客戶名稱。

10 個你必須要知道的重要JavaScript 數組方法

08、Array.indexOf()

這是另一種在數組中搜尋内容的方法,但這次它傳回索引。如果在數組中沒有找到該元素,則傳回 -1。

示例用例

如果你想檢查 Jane 是否在你的客戶清單中,以便你可以為她提供定制的折扣。

10 個你必須要知道的重要JavaScript 數組方法

09、Array.some()

some() 方法測試數組中是否至少有一個元素與特定條件比對。它與 include 方法不同,因為它需要條件或測試功能,但不需要值。如果條件滿足則傳回真,否則傳回假。

示例用例

當你要檢查是否至少有一個客戶的名字以“s”開頭時,使用此方法。

10 個你必須要知道的重要JavaScript 數組方法

10、Array.concat()

當你想要合并兩個或多個數組時使用contact() 方法。

示例用例

如果你有兩個數組,一個包含男性客戶,另一個包含女性客戶,現在,你想要合并這些數組,以便一個數組包含所有客戶。

10 個你必須要知道的重要JavaScript 數組方法

這就是這個話題。感謝您的閱讀。

10 個你必須要知道的重要JavaScript 數組方法