js Array去重

最近需要用到js去重,突然忘记怎么搞了,查了下想起来了,记录下,以免再忘记

使用Set

从这个console的test就可以看出来,因为set里都是非重的,所以可以利用set来去重,new set之后再转回Array.,返回一个新的Array,原来的Array并没有改变,
或者用更简洁的写法

[...new Set(b)]//Array.from(new Set(b))

对象去重

如果是对象集合的话，上面的方法就没用了

使用 filter() 和 indexOf() 方法：

const array = [{id: 1}, {id: 2}, {id: 1}, {id: 3}];
const uniqueArray = array.filter((item, index) => {
  return index === array.findIndex(obj => JSON.stringify(obj) === JSON.stringify(item));
});
console.log(uniqueArray);

使用 reduce() 方法：

const array = [{id: 1}, {id: 2}, {id: 1}, {id: 3}];
const uniqueArray = array.reduce((accumulator, current) => {
  const exists = accumulator.some(obj => JSON.stringify(obj) === JSON.stringify(current));
  if (!exists) {
    accumulator.push(current);
  }
  return accumulator;
}, []);
console.log(uniqueArray);

这些方法基于对象的字符串表示进行比较，通过将对象转换为字符串（使用 JSON.stringify()）来判断对象是否相等。请注意，这种方法假设对象的属性和顺序都相同才被认为是相等的。

另外，如果你使用的是 ES6+，你也可以考虑使用 Set 数据结构来实现数组去重：

const array = [{id: 1}, {id: 2}, {id: 1}, {id: 3}];
const uniqueArray = [...new Set(array.map(obj => JSON.stringify(obj)))].map(str => JSON.parse(str));
console.log(uniqueArray);

这种方法利用了 Set 的唯一性，通过将对象转换为字符串，并将字符串存储在 Set 中来实现去重。然后，通过将字符串再转换回对象，你可以得到去重后的数组。

请注意，这些方法都基于对象的字符串表示，所以对于不同顺序的对象，将被视为不同的对象。如果你需要基于其他属性进行比较去重，请相应地修改比较逻辑。