javascript數(shù)組去重有哪些方法

本篇內(nèi)容介紹了“javascript數(shù)組去重有哪些方法”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

去重方式：1、用“Array.from(new Set(arr))”語(yǔ)句；2、用“[…new Set(arr)]”語(yǔ)句；3、用“arr.filter((item,index)=>arr.indexOf(item)===index)”語(yǔ)句。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

JavaScript 數(shù)組去重的幾種方式

1、Array.from(new Set(arr))

const arr = [1, 2, 3, 2, 3];

Array.from(new Set(arr)); // [1, 2, 3]

由于 Set 中的元素是唯一的，無(wú)論是原始值或者是對(duì)象引用，所以可以通過(guò)將數(shù)組轉(zhuǎn)換成 Set 對(duì)象來(lái)實(shí)現(xiàn)去重

Array.from方法可以將 Set 對(duì)象轉(zhuǎn)換成數(shù)組

2、[…new Set(arr)]

const arr = [1, 2, 3, 2, 3];
[...new Set(arr)]; // [1, 2, 3]

這里是通過(guò) ES6 的展開語(yǔ)法將 Set 對(duì)象轉(zhuǎn)換成數(shù)組；

3、arr.filter((item, index) => arr.indexOf(item) === index)

const arr = [1, 2, 3, 2, 3];

arr.filter((item, index) => arr.indexOf(item) === index); // [1, 2, 3]

indexOf方法返回指定元素在數(shù)組中的第一個(gè)索引(index)， 如果沒有則返回 -1

所以這里的 arr 數(shù)組中的每個(gè)元素通過(guò) indexOf() 方法返回的索引值分別是 0 1 2 1 2

arr.forEach(item => console.log(arr.indexOf(item))); // 0 1 2 1 2

可以通過(guò) indexOf 來(lái)實(shí)現(xiàn)去重，比如 arr 中的第四個(gè)元素 2 通過(guò) indexOf 返回的是索引是 1， 但是它當(dāng)前的 index 下標(biāo)是 3，不相等，說(shuō)明當(dāng)前的這個(gè) 2 元素在之前出現(xiàn)過(guò), 所以應(yīng)該把它過(guò)濾掉

“javascript數(shù)組去重有哪些方法”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！