在 JavaScript 中使用數(shù)組時(shí)，您可能會(huì)發(fā)現(xiàn)自己只使用流行的方法，如 、 、 、 和 。這是可以理解的，因?yàn)檫@些非常有用的方法對(duì)于許多用例來(lái)說(shuō)已經(jīng)足夠了。map()filter()find()push()sort()

　　但是JavaScript有超過(guò)30種數(shù)組方法，其中一些鮮為人知，很少被許多JavaScript開(kāi)發(fā)人員使用，盡管它非常強(qiáng)大并且能夠解決現(xiàn)實(shí)世界的問(wèn)題。

　　因此，在本文中，我們將介紹其中7種鮮為人知的JavaScript數(shù)組方法。我們將了解它們的工作原理，并了解如何在實(shí)踐中使用它們。

　　1. 復(fù)制與()

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

　　例如：

　　如果您不熟悉此方法，您可能會(huì)發(fā)現(xiàn)此處的結(jié)果令人困惑。要了解工作原理，讓我們看一下它的參數(shù)：copyWithin()

　　target：是數(shù)組中要將指定部件復(fù)制到的位置。

　　start：是將要復(fù)制的部件的起始索引。

　　end：是將要復(fù)制的部件的結(jié)束索引。

　　因此，通過(guò)分別傳遞 、和，我們告訴獲取 index 和 獨(dú)占之間的數(shù)組元素，并將它們復(fù)制到數(shù)組的另一部分，從 index 開(kāi)始。這意味著開(kāi)始復(fù)制元素并在元素所在的位置，替換 和 。313copyWithin()133copyWithin()12445

　　讓我們看另一個(gè)例子：

　　在這里，我們告訴開(kāi)始將數(shù)字 ， ， ， 和 復(fù)制到 is 的位置，替換任何連續(xù)的元素，直到(最后一個(gè)元素)被復(fù)制。copyWithin()678910110

　　如前所述，不會(huì)增加數(shù)組的長(zhǎng)度，但如果到達(dá)數(shù)組的末尾，將停止復(fù)制。copyWithin()

　　2. 在()

　　此方法是新的 ES13 JavaScript 功能之一，它提供了一種從數(shù)組末尾訪(fǎng)問(wèn)元素的更清晰方法。

　　而不是像這樣編寫(xiě)代碼：

　　使用at()，我們可以更簡(jiǎn)潔，更富有表現(xiàn)力地做到這一點(diǎn)，如下所示：

　　我們只需傳遞一個(gè)負(fù)值，即可從數(shù)組末尾訪(fǎng)問(wèn) th 元素。-NN

　　3. 還原權(quán)()

　　reduceRight() 方法的工作方式類(lèi)似于更流行的 reduce() 方法，不同之處在于回調(diào)函數(shù)從右到左而不是從左到右應(yīng)用于數(shù)組的每個(gè)值。

　　reduceRight()從右到左重復(fù)執(zhí)行數(shù)組的每個(gè)元素傳遞的回調(diào)函數(shù)。我們?cè)谶@里傳遞的回調(diào)只是連接當(dāng)前元素和累加器字符串，最終導(dǎo)致反向單詞。

　　reduceRight()當(dāng)您希望從左到右表示列表，但從右到左進(jìn)行評(píng)估時(shí)，可以提供幫助。下面是一個(gè)示例：

　　4. 查找尾頁(yè)()

　　ES13 中 JavaScript 的另一個(gè)新成員是 findLast() 方法，用于從最后一個(gè)元素開(kāi)始搜索數(shù)組中的項(xiàng)。

　　我們可以在我們知道從最后一個(gè)元素中查找可能比使用該方法獲得更好的性能的情況下使用它。find()

　　例如，在這里，我們嘗試獲取數(shù)組中屬性等于 的項(xiàng)。跟：value'y'find()

　　這是可行的，但是由于目標(biāo)對(duì)象更接近數(shù)組的尾部，如果我們使用該方法從末尾搜索數(shù)組，我們也許能夠使這個(gè)程序運(yùn)行得更快：findLast()

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

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

　　但會(huì)從最后開(kāi)始搜索，并給我們正確的項(xiàng)目：findLast()

　　5. 查找最新索引()

　　findLastIndex() 的工作方式類(lèi)似于 ，但它返回找到的元素的索引，而不是元素本身。findLast()

　　在下面的示例中，我們使用查找數(shù)組中具有顏色的最后一個(gè)汽車(chē)對(duì)象的索引并將其刪除。findLastIndex()red

　　6. 最后索引()

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

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

　　7. 平面地圖()

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

　　調(diào)用數(shù)組與調(diào)用 map() 后跟深度為 1 的 flat() 相同，但它比分別調(diào)用這兩個(gè)方法更有效。flatMap()

　　結(jié)論

　　因此，我們研究了JavaScript中一些不太流行的數(shù)組方法。許多開(kāi)發(fā)人員可能不知道它們，但它們的有用性是毫無(wú)疑問(wèn)的。您可能很快就會(huì)需要其中之一。