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-19T19:20:23.793

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 '21 at 19:20

answered Mar 19 '21 at 18:49

Ajeet Shah

18,551
8
57
87

2

Thanks for sharing the compatibility issue @Ajeet – Zia ur Rehman Mar 19 '21 at 18:58
1

it's ok no problem – Zia ur Rehman Mar 19 '21 at 19:11
@ZiaurRehman I think using `includes` is cleaner and shorter. And Internet Explorer [usage share is extremely low](https://gs.statcounter.com/). And which one is faster will keep changing and nobody cares. `includes` is short and clean as your [answer](https://stackoverflow.com/a/66714101/2873538) suggests. +1 – Ajeet Shah Mar 19 '21 at 19:37
1

Thank you @AjeetShah! – BluePilot Mar 19 '21 at 22:33

score 2 · Answer 2 · answered Mar 19 '21 at 18:52

2

Really simple answer

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

answered Mar 19 '21 at 18:52

Zia ur Rehman

573
3
15

How to filter an array based on another array?

2 Answers2