How to filter an array based on another array?

Question

I have been struggling with this easy change. I basically have two arrays:

let apps = [{name: "Insights", id: "INS"}, {name: "Recruit", id: "REC"}];

let securityApps = ["bw", "INS"];

I am basically trying to filter down apps based on the elements inside securityApps

The result I am wanting to achieve is: [{name: "Insights", id: "INS"}]; (since INS is what they have in common in terms of ID) but still pass in apps variable

Here is what I have started:

apps.filter((app) => {
        securityApps.forEach((sgApp) => {
          if (app.id === sgApp){
            return app;
          }
        })
      });

apps is later implemented as

apps.map(...

Ajeet Shah · Accepted Answer · 2021-03-19 19:20:23Z

3

You can do it this way, using filter and indexOf or includes:

let apps = [{
  name: "Insights",
  id: "INS"
}, {
  name: "Recruit",
  id: "REC"
}];

let securityApps = ["bw", "INS"];

const filtered = apps.filter(app => securityApps.indexOf(app.id) > -1)

console.log(filtered)

const filtered2 = apps.filter(app => securityApps.includes(app.id))

console.log(filtered2)

~~Using indexOf would be better as includes won't work in Internet Explorer without polyfills. And perhaps indexOf is faster on chrome as per this post.~~

edited Mar 19, 2021 at 19:20

answered Mar 19, 2021 at 18:49

Ajeet Shah

19.9k10 gold badges66 silver badges107 bronze badges

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

3 Comments

Zia ur Rehman Over a year ago

it's ok no problem

Ajeet Shah Over a year ago

@ZiaurRehman I think using includes is cleaner and shorter. And Internet Explorer usage share is extremely low. And which one is faster will keep changing and nobody cares. includes is short and clean as your answer suggests. +1

BluePilot Over a year ago

Thank you @AjeetShah!

Zia ur Rehman · Accepted Answer · 2021-03-19 18:52:34Z

2

Really simple answer

const newArray = apps.filter(app => securityApps.includes(app.id)))

answered Mar 19, 2021 at 18:52

Zia ur Rehman

5754 silver badges15 bronze badges

Collectives™ on Stack Overflow

How to filter an array based on another array?

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related