Delete same objects from an array as another array of objects

Question

I have 2 arrays of objects array 1 and array 2, I want to remove the objects of array 2 from array 1. There can be more than 1 objects that I remove simultaneously.

Data of array 1

let arr1 = [    
    { id: "1", txt: "first"},
    { id: "2", txt: "second"},
    { id: "3", txt: "third"}
 ]

Data of array 2

let arr2 = [
    { id: "2", txt: "second"},
]

Result

{ id: "1", txt: "first"},
{ id: "3", txt: "third"}

zmag · Accepted Answer · 2020-12-10 06:29:10Z

2

If id property is unique, you can filter out with it.

let arr1 = [    
    { id: "1", txt: "first"},
    { id: "2", txt: "second"},
    { id: "3", txt: "third"}
 ]

let arr2 = [
    { id: "2", txt: "second"},
]

let arr3 = arr1.filter(e1 => !arr2.some(e2 => e2.id === e1.id));

console.log(arr3);

edited Dec 10, 2020 at 6:29

answered Dec 10, 2020 at 6:22

zmag

8,27112 gold badges39 silver badges47 bronze badges

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

2 Comments

Hao Wu Over a year ago

I would use arr2.some since it returns a boolean, although the outcome is the same

zmag Over a year ago

@HaoWu I Agree. Thanks for your advice.

Amardeep Bhowmick · Accepted Answer · 2020-12-10 06:25:44Z

1

If the requirement is to do a deep equality check between the objects, then we can use lodash's isEqual to do a deep equality check along with Array#filter and Array#some:

let arr1 = [    
    { id: "1", txt: "first"},
    { id: "2", txt: "second"},
    { id: "3", txt: "third"}
 ]

let arr2 = [
    { id: "2", txt: "second"},
]

const filterArr = (arr1, arr2) =>{
  return arr1.filter(a1 => !arr2.some(a2 => _.isEqual(a1, a2)))
}
console.log(filterArr(arr1, arr2))

<script src="https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"></script>

answered Dec 10, 2020 at 6:25

Amardeep Bhowmick

17k3 gold badges33 silver badges46 bronze badges

Collectives™ on Stack Overflow

Delete same objects from an array as another array of objects

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related