最近需要用到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 中来实现去重。然后,通过将字符串再转换回对象,你可以得到去重后的数组。
请注意,这些方法都基于对象的字符串表示,所以对于不同顺序的对象,将被视为不同的对象。如果你需要基于其他属性进行比较去重,请相应地修改比较逻辑。
本文介绍了JavaScript中数组去重的多种方法,包括使用Set、filter()结合indexOf()、reduce()及Set结合JSON.stringify()等技术手段,适用于普通数组及对象数组。
1099

被折叠的 条评论
为什么被折叠?



