从对象数组中减去对象数组

Question

I know similar questions have been posted but they never seems to target the same problem.

I want to remove Objects contained in the second array ( itemsToRemove ) from the first array ( allItems ).

allItems = [{x:1, y:2}, {x:1, y:1}, {x:4, y:1}]

itemsToRemove = [{x:1, y:2}]

result = [{x:1, y:1}, {x:4, y:1}]

I've tried many ways, but it somehow fails at the find() condition

      const result = allItems.filter((itemFromAllItems ) => {
                return !itemsToRemove.find( itemToRemove => {
                    return itemFromAllItems.x === itemToRemove.x && itemFromAllItems.y === itemToRemove.y
                })
            })

Answer 1

Assuming that your objects only have x and y values, This will work.

 var allItems = [{x:1, y:2}, {x:1, y:1}, {x:4, y:1}] var itemsToRemove = [{x:1, y:2}] var result = allItems.filter(e =>.itemsToRemove.some(s => sx === ex && sy === e;y)). console;log(result);

Hope this helps

Answer 2

If you simply want to filter you can use filter and some to get the data you want however if you want to literally remove the object from the array you can use this instead

 allItems = [{x:1, y:2}, {x:1, y:1}, {x:4, y:1},{x:4, y:1},{x:4, y:1}] itemsToRemove = [{x:1, y:2},{x:4, y:1}] for(let i=0;i<allItems.length;i++){ o=allItems[i] itemsToRemove.some(v=>{if(ox==vx &&o.y==vy) allItems.splice(i,1),i--}) } console.log(allItems)

Answer 3

This takes the 2 arrays, compares the values, and makes a new one with only the results that don't match.

<script>
allItems = [{x:1, y:2}, {x:1, y:1}, {x:4, y:1}];
itemsToRemove = [{x:1, y:2}]
result = [];
for(var i = 0; i < allItems.length; i++){
  for(var j = 0; j < itemsToRemove.length; j++){ 
    if(JSON.stringify(allItems[i]) !== JSON.stringify(itemsToRemove[j])){
      result.push(allItems[i]);
    }
  }
} 
console.log(result);
</script>