Filter array of objects by array of ids

Question

I have an array activeIds of ids of services and there is another array servicesList which contains objects of services.

Example: -

activeIds = [202, 204]
serviceList = [{  
                "id":201,
                "title":"a"
               },
               {  
                "id":202,
                "title":"a"
               },
               {  
                "id":203,
                "title":"c"
               },
               {  
                "id":204,
                "title":"d"
               },
               {  
                "id":205,
                "title":"e"
               }];

I want all the services(obj) whose ids are not a part of the first array i.e., activeIds. From the above example code I want service obj of ids 201,203,205

Final output -

expectedArray = [{  
                "id":201,
                "title":"a"
               },
               {  
                "id":203,
                "title":"c"
               },
               {  
                "id":205,
                "title":"e"
               }];

Here is my attempt to code. But it is not correct at all. Please help-

    const activeIds = e; // [202, 204]
    const obj = [];
    this.serviceList.map((s: IService) => {
        activeIds.map((id: number) => {
            if (id !== s.id) {
                obj.push(s);
            }
        });
    });

If the id array is long i suggest that you convert it to an object lookup or a map to avoid linear searching through the array for each element. Otherwise using the array.filter function is the way to go like suggested in every answer below. — JGoodgive
– JGoodgive, Commented Feb 17, 2018 at 18:40

Yashwardhan Pauranik · Accepted Answer · 2021-04-01 12:23:40Z

35

You can simply use array.filter with indexOf to check the matching element in the next array.

var arr = serviceList.filter(item => activeIds.indexOf(item.id) === -1);

DEMO

let activeIds = [202, 204]
let serviceList = [{  
                "id":201,
                "title":"a"
               },
               {  
                "id":202,
                "title":"a"
               },
               {  
                "id":203,
                "title":"c"
               },
               {  
                "id":204,
                "title":"d"
               },
               {  
                "id":205,
                "title":"e"
               }];


let  arr = serviceList.filter(function(item){
      return activeIds.indexOf(item.id) === -1;
    });
    
console.log(arr);

edited Apr 1, 2021 at 12:23

Yashwardhan Pauranik

5,5865 gold badges45 silver badges78 bronze badges

answered Feb 17, 2018 at 18:22

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

1 Comment

Kalnode Over a year ago

How is the performance of this if serviceList is really huge?

Nenad Vracar · Accepted Answer · 2018-02-17 18:22:58Z

30

You can do this with filter and includes methods.

const activeIds = [202, 204]
const serviceList = [{"id":201,"title":"a"},{"id":202,"title":"a"},{"id":203,"title":"c"},{"id":204,"title":"d"},{"id":205,"title":"e"}]

const result = serviceList.filter(({id}) => !activeIds.includes(id));
console.log(result)

answered Feb 17, 2018 at 18:22

Nenad Vracar

122k16 gold badges160 silver badges184 bronze badges

3 Comments

Nina Scholz Over a year ago

op uses arrow function, why should not include work?

Sajeetharan Over a year ago

initially he did not had that in question! or i might have missed :(

makle Over a year ago

Nice, I needed the opposite one, but just leaving out the ! in front of activeIds was my solution. Take your upvote sir!

brk · Accepted Answer · 2018-02-17 18:23:51Z

4

Use filter & indexOf method.indexOf will check if the current id is present in activeIds array

var activeIds = [202, 204]
var serviceList = [{
    "id": 201,
    "title": "a"
  },
  {
    "id": 202,
    "title": "a"
  },
  {
    "id": 203,
    "title": "c"
  },
  {
    "id": 204,
    "title": "d"
  },
  {
    "id": 205,
    "title": "e"
  }
];

var filteredArray = serviceList.filter(function(item) {
  return activeIds.indexOf(item.id) === -1

});

console.log(filteredArray)

edited Feb 17, 2018 at 18:23

answered Feb 17, 2018 at 18:22

brk

50.3k10 gold badges59 silver badges85 bronze badges

2 Comments

Sajeetharan Over a year ago

is not the same posted above

brk Over a year ago

I have same doubt.Seems we posted almost at same time

jack vilsher · Accepted Answer · 2018-02-18 00:07:02Z

2

you can combine indexOf to check if the current id is on the active array and filter the array.

edited Feb 18, 2018 at 0:07

user320487

answered Feb 17, 2018 at 18:34

jack vilsher

213 bronze badges

Collectives™ on Stack Overflow

Filter array of objects by array of ids

4 Answers 4

1 Comment

3 Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

3 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related