如何从js中的两个数组中获取唯一元素？

Question

我正在尝试从两个数组中获取唯一（按 ID）值。

但它 returns 整个数组而不是 { id: 3 }

const a = [{ id: 1 }, { id: 2 }];
const b = [{ id: 1 }, { id: 2 }, { id: 3 }];
    
const array3 = b.filter((obj) => a.indexOf(obj) == -1);
    
console.log(array3);

这是怎么回事？

Answer 1

您不能比较对象，您应该检查具有该 ID 的元素是否不存在于另一个数组中

这里我用了some那个returns一个布尔值如果他能找到一个匹配项

const a = [{
  id: 1
}, {
  id: 2
}];
const b = [{
  id: 1
}, {
  id: 2
}, {
  id: 3
}];

const array3 = b.filter(obj => !a.some(({id}) => obj.id === id));

console.log(array3)

Answer 2

在您的情况下，以下代码根据 ID 将所有唯一对象作为数组提供。

const a = [{
  id: 1
}, {
  id: 2
}];
const b = [{
  id: 1
}, {
  id: 2
}, {
  id: 3
}];

const array3 = b.filter(objB => a.some((objA) => objB.id !== objA.id));

console.log(array3)

Answer 3

具有对称结果的不同方法。

const
    take = m => d => o => m.set(o.id, (m.get(o.id) || 0) + d),
    a = [{ id: 1 }, { id: 2 }],
    b = [{ id: 1 }, { id: 2 }, { id: 3 }],
    map = new Map(),
    add = take(map),
    result = [];
    
a.forEach(add(1));
b.forEach(add(-1));
map.forEach((v, id) => v && result.push({ id }));
    
console.log(result);

如何从js中的两个数组中获取唯一元素？

How to get unique element from two arrays in js?

javascript

reactjs

ecmascript-6