數(shù)組的功能遠(yuǎn)不止 map()、filter()、find() 和 push()。但大多數(shù)開(kāi)發(fā)人員對(duì)此一無(wú)所知 — 他們錯(cuò)過(guò)了7種強(qiáng)大的方法。

現(xiàn)在，讓我們一起來(lái)看看。

1. copyWithin()

Array copyWithin() 將數(shù)組的一部分復(fù)制到同一數(shù)組中的另一個(gè)位置并返回它，而不會(huì)增加其長(zhǎng)度。

end 參數(shù)是可選的：

2. at() 和 with()

at() 最先出現(xiàn)，with() 則在一年后的 2023 年出現(xiàn)。

它們是單元素?cái)?shù)組修改和訪問(wèn)的函數(shù)式和不可變版本。

這些新方法的妙處在于它們?cè)试S您使用負(fù)索引獲取和更改元素值。

3. 數(shù)組 reduceRight() 方法

工作原理與 reduce() 類似，但回調(diào)從右到左，而不是從左到右：

這是 reduceRight() 的另一個(gè)很好的應(yīng)用場(chǎng)景：

4. 數(shù)組 findLast() 方法

ES13 中的新功能：從最后一個(gè)元素開(kāi)始查找數(shù)組項(xiàng)。

非常適合從末尾位置搜索比使用 find() 產(chǎn)生更好性能的情況

示例：

這是可行的，但是由于我們的目標(biāo)對(duì)象更接近數(shù)組的尾部，因此 findLast() 應(yīng)該運(yùn)行得更快：

findLast() 的另一個(gè)用例是當(dāng)我們必須從末尾專門搜索數(shù)組以獲取正確元素時(shí)。

例如，如果我們想在數(shù)字列表中找到最后一個(gè)偶數(shù)，find() 會(huì)產(chǎn)生完全錯(cuò)誤的結(jié)果：

但是 findLast() 將從末尾開(kāi)始搜索并返回正確的項(xiàng)目：

5. toSorted()、toReversed()、toSpliced()

ES2023 完全支持 sort()、reverse() 和 splice() 的不可變版本。

好吧，也許 splice() 的使用頻率不如其他函數(shù)高，但它們都會(huì)就地改變數(shù)組。

不變性為我們提供了可預(yù)測(cè)且更安全的代碼；由于我們確定變量永遠(yuǎn)不會(huì)改變其值，因此調(diào)試變得更加容易。

參數(shù)完全相同，但 splice() 和 toSpliced() 的返回值必須不同。

6. 數(shù)組 lastIndexOf() 方法

lastIndexOf() 方法返回?cái)?shù)組中特定元素的最后一個(gè)索引。

我們可以將第二個(gè)參數(shù)傳遞給 lastIndexOf() 來(lái)指定數(shù)組中的索引，它應(yīng)該在該索引之后停止搜索字符串：

7. 數(shù)組 flatMap() 方法

flatMap() 方法使用給定的回調(diào)函數(shù)轉(zhuǎn)換數(shù)組，然后將轉(zhuǎn)換后的結(jié)果展平一級(jí)：

在數(shù)組上調(diào)用 flatMap() 與調(diào)用 map() 后跟深度為 1 的 flat() 執(zhí)行的操作相同，但它比分別調(diào)用這兩個(gè)方法效率更高一些。

寫在最后

雖然目前它們還不是那么出名，但它們有其獨(dú)特的用途并且功能非常強(qiáng)大，還是非常值得學(xué)習(xí)使用的。

我們一起期待JavaScript也越來(lái)越好用。