js Array去重

本文介绍了JavaScript中数组去重的多种方法,包括使用Set、filter()结合indexOf()、reduce()及Set结合JSON.stringify()等技术手段,适用于普通数组及对象数组。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近需要用到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 中来实现去重。然后,通过将字符串再转换回对象,你可以得到去重后的数组。

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值