数组对象去重的方式

是数组对象去重的四种方式

let arrObj = [
{ name: “hhh”, id: 1 },
{ name: “333”, id: 1 },
{ name: “666”, id: 4 },
{ name: “777”, id: 3 },
{ name: “999”, id: 1 },
];
下面是我想要得到的结果,就是把id的值一样的对象删掉

方法一:双层for循环

两两比较,如果后一个对象的id值和前一个对象的id值相等,就把后面的对象删除

function fn1(tempArr) {
for (let i = 0; i < tempArr.length; i++) {
for (let j = i + 1; j < tempArr.length; j++) {
if (tempArr[i].id == tempArr[j].id) {
tempArr.splice(j, 1);
j–;
};
};
};
return tempArr;
};
console.log(fn1(arrObj));

方法二:indexOf()

定义一个数组存储id的值,然后逐个比较,把id值重复的对象删除即可
function fn2(tempArr) {
let newArr = [];
for (let i = 0; i < tempArr.length; i++) {
if (newArr.indexOf(tempArr[i].id) == -1) {
newArr.push(tempArr[i].id);
} else {
tempArr.splice(i, 1);
};
};
return tempArr;
};
console.log(fn2(arrObj));

方法三:对象访问属性的方法

采用对象访问属性的方法,判断属性值是否存在
function fn3(tempArr) {
let result = [];
let obj = {};
for (let i = 0; i < tempArr.length; i++) {
if (!obj[tempArr[i].id]) {
result.push(tempArr[i]);
obj[tempArr[i].id] = true;
};
};
return result;
};
console.log(fn3(arrObj));

方法四:Map()

has方法可以判断Map对象中是否存在指定元素,有则返回true,否则返回false

set方法可以向Map对象添加新元素 map.set(key, value)

values方法可以返回Map对象值的遍历器对象
// 方法一:
let map = new Map();
for (let item of arrObj) {
if (!map.has(item.id)) {
map.set(item.id, item);
};
};
arr = […map.values()];
console.log(arr);

// 方法二: (代码较为简洁)
const map = new Map();
const newArr = arrObj.filter(v => !map.has(v.id) && map.set(v.id, 1));
console.log(newArr);

### 实现 JavaScript 数组对象 对于包含对象数组,直接使用简单的 `filter` 或者 `Set` 可能无法达到预期效果,因为这些方法通常基于原始类型的比较或者引用地址来判断是否复。当涉及到对象时,则需要更复杂的逻辑来进行属性级别的对比。 一种有效的方式是通过自定义键值组合字符串化每个对象作为唯一标识符参与过滤过程[^2]: ```javascript function uniqueObjects(array, key) { const seen = new Set(); return array.filter(item => { let identifier; if (typeof item === 'object') { identifier = JSON.stringify(item[key]); } else { identifier = item; } return !seen.has(identifier) && seen.add(identifier); }); } ``` 此函数接受两个参数:待处理的对象数组以及用于区分不同对象的关键字段名或多个字段组成的路径表达式。它内部维护了一个集合用来追踪已经遇到过的标识符,并利用 `JSON.stringify()` 将指定键对应的值序列化成字符串形式以便于比较。最后返回经过筛选后的不含有任何复项的新数组实例[^4]。 另一种常用的技术是借助 `reduce()` 结合 `findIndex()` 函数完成更加灵活多变的需求场景下的对象数组工作。这种方法允许开发者根据实际情况调整匹配条件而不局限于单一属性上的相等关系测试[^1]: ```javascript const deduplicateArray = arr => arr.reduce((accumulator, currentObject) => { const existingItemIndex = accumulator.findIndex( ({ id }) => id === currentObject.id ); if (existingItemIndex === -1) { accumulator.push(currentObject); } return accumulator; }, []); ``` 这里假设所有的目标对象都有一个名为 `id` 的唯一识别码可以被用来做为判别标准之一;当然也可以替换为其他合适的属性名称或者是复合型判定语句以适应具体的应用环境需求[^3]。 #### 注意事项 - 对象结构较为复杂的情况下可能需要考虑深层次嵌套的数据成员之间的差异性; - 序列化的顺序会影响最终得到的结果集构成情况,在某些极端条件下可能会引发意想不到的问题; - 如果性能是一个要因素的话,应该谨慎评估所选方案的时间复杂度及其对内存占用的影响程度。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值