js數組中去除重復值的幾種方法？

在JavaScript中，有幾種方法可以從數組中去除重復的值。下面將介紹其中的幾種常用方法。

方法一：使用Set

使用Set是一種簡單且高效的方法來去除數組中的重復值。Set是ES6中引入的一種數據結構，它只會存儲唯一的值。

const array = [1, 2, 3, 4, 4, 5, 6, 6];

const uniqueArray = [...new Set(array)];

console.log(uniqueArray); // [1, 2, 3, 4, 5, 6]

方法二：使用filter

使用filter方法可以通過遍歷數組并返回滿足條件的元素來去除重復值。

const array = [1, 2, 3, 4, 4, 5, 6, 6];

const uniqueArray = array.filter((value, index, self) => {

return self.indexOf(value) === index;

});

console.log(uniqueArray); // [1, 2, 3, 4, 5, 6]

方法三：使用reduce

使用reduce方法可以將數組中的每個元素與已有的結果進行比較，并將不重復的元素添加到結果中。

const array = [1, 2, 3, 4, 4, 5, 6, 6];

const uniqueArray = array.reduce((accumulator, currentValue) => {

if (!accumulator.includes(currentValue)) {

accumulator.push(currentValue);

}

return accumulator;

}, []);

console.log(uniqueArray); // [1, 2, 3, 4, 5, 6]

方法四：使用indexOf

使用indexOf方法可以判斷元素在數組中的索引位置，如果索引位置與當前位置不一致，則說明該元素是重復的。

const array = [1, 2, 3, 4, 4, 5, 6, 6];

const uniqueArray = array.filter((value, index, self) => {

return self.indexOf(value) === index;

});

console.log(uniqueArray); // [1, 2, 3, 4, 5, 6]

這些方法都可以有效地去除數組中的重復值。根據實際情況選擇合適的方法來解決問題，以提高代碼的效率和可讀性。

千鋒教育擁有多年IT培訓服務經驗，開設Java培訓、web前端培訓、大數據培訓，python培訓、軟件測試培訓等課程，采用全程面授高品質、高體驗教學模式，擁有國內一體化教學管理及學員服務，想獲取更多IT技術干貨請關注千鋒教育IT培訓機構官網。