js 不重复数组

在JavaScript中，要创建一个不包含重复元素的数组，可以使用以下几种方法：

1. 使用 `Set` 对象

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

const array = [1, 2, 3, 2, 4, 1];
const uniqueArray = [...new Set(array)];
console.log(uniqueArray); // 输出: [1, 2, 3, 4]

2. 使用 `filter` 方法

可以通过数组的 filter 方法结合 indexOf 来过滤掉重复的元素。

const array = [1, 2, 3, 2, 4, 1];
const uniqueArray = array.filter((item, index) => array.indexOf(item) === index);
console.log(uniqueArray); // 输出: [1, 2, 3, 4]

3. 使用 `reduce` 方法

reduce 方法可以用来累积数组中的值，通过检查累积器中是否已经有了当前元素，来决定是否将其添加到结果数组中。

const array = [1, 2, 3, 2, 4, 1];
const uniqueArray = array.reduce((accumulator, current) => {
  if (!accumulator.includes(current)) {
    accumulator.push(current);
  }
  return accumulator;
}, []);
console.log(uniqueArray); // 输出: [1, 2, 3, 4]

4. 使用对象属性

可以利用对象的属性来检查元素是否已经出现过，因为对象的属性名是唯一的。

const array = [1, 2, 3, 2, 4, 1];
const uniqueArray = [];
const seen = {};

for (let item of array) {
  if (!seen[item]) {
    uniqueArray.push(item);
    seen[item] = true;
  }
}

console.log(uniqueArray); // 输出: [1, 2, 3, 4]

优势

Set 方法简洁且性能较好，是去重数组的首选方法。
filter 和 reduce 方法提供了更多的灵活性，可以在去重的同时进行其他操作。
使用对象属性的方法在某些情况下性能也很好，尤其是当数组中的元素是基本类型时。

应用场景

这些方法可以应用于任何需要去除数组中重复元素的场景，例如：

数据清洗：在处理用户输入或外部数据时，去除重复项。
数据统计：在进行数据分析时，确保每个数据点只被计算一次。
用户界面：在展示列表或表格数据时，避免重复显示相同的内容。

注意事项

当数组中的元素是对象时，上述方法可能无法正确去重，因为对象在JavaScript中是通过引用比较的。在这种情况下，需要自定义去重逻辑，比如通过JSON.stringify方法或者自定义的深度比较函数。

const array = [{ id: 1 }, { id: 2 }, { id: 1 }];
const uniqueArray = Array.from(new Map(array.map(item => [item.id, item])).values());
console.log(uniqueArray); // 输出: [{ id: 1 }, { id: 2 }]

在这个例子中，我们使用了 Map 对象来确保对象的唯一性，通过对象的 id 属性来判断是否重复。