JavaScript 數(shù)組除了 map()、filter()、find() 和 push() 之外還有更多功能。今天這篇文章就來(lái)給大家分享一些鮮有人知道的數(shù)組方法，我們現(xiàn)在開(kāi)始吧。

1.copyWithin（）

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

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

2. at() 和 with()

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

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

這些新方法的最酷之處在于它們?nèi)绾巫屇褂秘?fù)索引獲取和更改元素值。

3.reduceRight()

與reduce()類(lèi)似，但回調(diào)是從右到左而不是從左到右：

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

4. findLast()

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

非常適合從結(jié)束位置搜索比使用 find() 產(chǎn)生更好性能的情況：

例子：

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

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

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

但 findLast() 將從末尾開(kāi)始搜索并為我們提供正確的項(xiàng)目。

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

ES2023 完全包含了 sort()、reverse() 和 splice() 的不可變版本。

好吧，也許 splice() 的使用不如其他方法那么多，但它們都會(huì)就地改變數(shù)組。

不變性為我們提供了可預(yù)測(cè)且更安全的代碼；調(diào)試要容易得多，因?yàn)槲覀兇_定某些變量永遠(yuǎn)不會(huì)改變它們的值。

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

6.lastIndexOf()

lastIndexOf() 方法返回可以在數(shù)組中找到特定元素的最后一個(gè)索引。

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

7. flatMap()

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

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

它們還不是那么出名，但它們有其獨(dú)特的用途并且非常強(qiáng)大。

總結(jié)

以上就是今天這篇文章跟你分享的全部?jī)?nèi)容，希望今天的內(nèi)容能夠幫助到你，最后，感謝你的閱讀。