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培训机构官网。