Remove equal objects from two arrays

Question

I have the following problem in my ReactJs application. Let's say I have two arrays like this:

var cart = [
   {id: 1, name: "item1"}, 
   {id: 2, name: "item2"}, 
];

var productsArr = [
   {proId: 1, category: 'cat1'}, 
   {proId: 5, category: 'cat7'}, 
];

Is it possible to compare these 2 arrays and find any objects in productsArr which cart's id quals productsArr's proId and remove that object from only productsArr?

(If so, as I explained in this example, productsArr[0] should be removed.)

Thanks in advance.

Yep, it's possible. Where are you stuck in your code attempt so far? — ggorlen
– ggorlen, Commented Aug 26, 2021 at 14:30

Unmitigated · Accepted Answer · 2021-08-26 14:31:34Z

7

You can use Array#filter in conjunction with Array#some.

var cart = [
   {id: 1, name: "item1"}, 
   {id: 2, name: "item2"}, 
];
var productsArr = [
   {proId: 1, category: 'cat1'}, 
   {proId: 5, category: 'cat7'}, 
];
productsArr = productsArr.filter(({proId})=>!cart.some(({id})=>proId === id));
console.log(productsArr);

answered Aug 26, 2021 at 14:31

Unmitigated

91.4k12 gold badges102 silver badges109 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Amir MB · Accepted Answer · 2021-08-26 14:32:07Z

2

var cart = [
   {id: 1, name: "item1"}, 
   {id: 2, name: "item2"}, 
];

var productsArr = [
   {proId: 1, category: 'cat1'}, 
   {proId: 5, category: 'cat7'}, 
];


for (var i = 0; i<productsArr.length; i++) {
    if (cart.find(item => item.id === productsArr[i].proId)) {
        productsArr.splice(i,1);
        i--;
    }
}

console.log(productsArr);

answered Aug 26, 2021 at 14:32

Amir MB

3,5112 gold badges17 silver badges19 bronze badges

3 Comments

Yevhen Horbunkov Over a year ago

Taking into account react.js tag, I would assume, productsArr is a part of some component's state, hence immutable approach most likely would be preferred, whereas Array.prototype.splice() would mutate original array.

Amir MB Over a year ago

@YevgenGorbunkov totally makes sense, I didn't pay attention to the tags

Yevhen Horbunkov Over a year ago

No worries. You may overcome that, though, by shallow copying initial array, e.g. const _productsArr = [...productsArr] and then _productsArr.splice(i,1).

Collectives™ on Stack Overflow

Remove equal objects from two arrays

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related