在前端开发中，我们常常需要对数据进行去重操作。在这种情况下，javascript 集合是非常重要的。从 ES6 开始，javascript 引入了 Set 集合类型，使得去重变得更加简单和高效。下面我们将详细介绍 javascript 集合去重的方法和示例。

1.使用 Set 集合进行去重

Set 是 ES6 中引入的一种新的数据类型，它允许你存储任何类型的唯一值，包括常规值和引用值。它的最大特点是不允许重复值出现，只能存储唯一值。下面是使用 Set 对数组进行去重的示例：

let arr = [1,1,2,2,3,3];
let set = new Set(arr);
console.log(set); //{1,2,3}

以上代码中，我们利用 Set 构造函数创建了一个集合实例，并将数组作为参数传递进去。由于 Set 只能存储唯一值，所以在创建集合实例时，重复值将被自动过滤。

2.使用数组的 filter 方法进行去重

除了使用 Set 集合之外，我们还可以使用数组的 filter 方法进行去重。filter 方法允许我们使用回调函数过滤掉数组重复项。下面是使用数组的 filter 方法进行去重的示例：

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

以上代码中，我们使用 filter 方法过滤掉了数组中重复的值。具体来说，我们定义了一个回调函数，该函数的两个参数分别代表数组项和数组下标。在回调函数中，我们使用 indexOf 方法判断数组中当前项的下标是否与原数组中的下标相等，如果相等，说明当前项是第一次出现，可以保留，否则说明当前项已经出现过，应该被过滤掉。

3.使用 ES5 语法进行去重

在 ES6 之前，javascript 并没有集合类型，我们只能使用一些简单的语法来进行去重。这里我们介绍两种常见的去重方法，分别是使用 for 循环和使用对象字面量。

let arr = [1,1,2,2,3,3];
//方法一：使用 for 循环
let result1 = [];
for(let i=0;i<arr.length;i++){
if(result1.indexOf(arr[i]) === -1){
result1.push(arr[i]);
}
}
console.log(result1); //[1,2,3]
//方法二：使用对象字面量
let result2 = [];
let obj = {};
for(let i=0;i<arr.length;i++){
if(!obj[arr[i]]){
result2.push(arr[i]);
obj[arr[i]] = true;
}
}
console.log(result2); //[1,2,3]

以上两个方法的原理都很简单，分别是使用 for 循环和对象字面量来遍历数组并存储唯一值。方法一的思路是，在遍历数组时，使用 indexOf 方法判断当前项是否存在于结果数组中，如果不存在，则说明当前项是第一次出现，可以加入结果数组。方法二的思路是，在遍历数组时，使用对象字面量来存储每个值，如果一个值不存在于对象字面量中，则说明该值是第一次出现，可以加入结果数组。

总结

javascript 集合去重是前端开发中非常重要的操作，可以提高代码的效率和可读性。在 ES6 中，我们可以使用 Set 集合类型进行去重；在 ES5 中，则可以使用数组的 filter 方法、for 循环和对象字面量等语法进行去重。无论采用哪种方法，都应该根据具体情况选择最合适的方案。