Javascript实现去掉一组整型数组重复的值

前言

在JavaScript中，你可以使用几种不同的方法来去除数组中的重复值。下面我将为你展示两种常用的方法：使用 Set 数据结构和使用 filter 方法。

使用 Set 数据结构

Set 是 ES6 中引入的一种新的数据结构，它类似于数组，但成员的值都是唯一的，没有重复的值。你可以利用这一特性来去除数组中的重复项。

function removeDuplicatesWithSet(arr) {  
  return [...new Set(arr)];  
}  
  
// 示例  
let array = [1, 2, 2, 3, 4, 4, 5];  
console.log(removeDuplicatesWithSet(array)); // 输出: [1, 2, 3, 4, 5]

使用 filter 方法

filter 方法可以创建一个新数组，其包含通过测试的所有元素。我们可以利用这一点来去除数组中的重复项。

function removeDuplicatesWithFilter(arr) {  
  return arr.filter((value, index, self) => {  
    return self.indexOf(value) === index;  
  });  
}  
  
// 示例  
let array = [1, 2, 2, 3, 4, 4, 5];  
console.log(removeDuplicatesWithFilter(array)); // 输出: [1, 2, 3, 4, 5]

在上面的 filter 方法中，我们检查当前元素在数组中首次出现的索引是否等于当前索引。如果是，说明这是一个不重复的元素，应该保留在结果数组中。

使用 reduce 方法

reduce 方法也可以用来去除数组中的重复项，它会将数组中的每个元素按照顺序进行处理，最终返回一个单一值。

function removeDuplicatesWithReduce(arr) {  
  return arr.reduce((accumulator, currentValue) => {  
    return accumulator.includes(currentValue) ? accumulator : [...accumulator, currentValue];  
  }, []);  
}  
  
// 示例  
let array = [1, 2, 2, 3, 4, 4, 5];  
console.log(removeDuplicatesWithReduce(array)); // 输出: [1, 2, 3, 4, 5]

在这个 reduce 方法中，我们检查累加器（accumulator）中是否包含当前值。如果不包含，我们就把当前值添加到累加器中。

总结

以上三种方法都可以有效地去除数组中的重复值，你可以根据自己的需求和喜好选择适合的方法。通常，使用 Set 的方法是最简洁和最高效的，尤其是在处理大型数组时。