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

本教程操作環(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 中的元素是唯一的，無論是原始值或者是對象引用，所以可以通過將數(shù)組轉(zhuǎn)換成 Set 對象來實現(xiàn)去重

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

2、[…new Set(arr)]

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

這里是通過 ES6 的展開語法將 Set 對象轉(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ù)組中的第一個索引(index)， 如果沒有則返回 -1

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

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

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

【