Filter array of objects by array

Question

How to filter the following array with another array values?

  const GuideTabs = [
    { id: 0, label: 'Highlights', analyticsCategory: 'Highlights' },
    { id: 1, label: 'Labor & Employment', analyticsCategory: 'Labor & Employment' },
    { id: 2, label: 'Culture', analyticsCategory: 'Culture' },
    { id: 3, label: 'Holidays', analyticsCategory: 'Holidays' },
  ]

I want to filter this array with the following array to return only the existing data

 const gtabs = ['Culture, Holidays']
  const arr = GuideTabs.filter(function(item){
    return gtabs.indexOf(item.id) === -1
  })

But it returns all the 4 array item in GuideTabs all the time, But it should return 2,3 items from GuideTabs array

  const GuideTabs = [
    { id: 0, label: 'Highlights', analyticsCategory: 'Highlights' },
    { id: 1, label: 'Labor & Employment', analyticsCategory: 'Labor & Employment' },
    { id: 2, label: 'Culture', analyticsCategory: 'Culture' },
    { id: 3, label: 'Holidays', analyticsCategory: 'Holidays' },
  ]
  const gtabs = ['Culture, Holidays']
  const arr = GuideTabs.filter(function(item){
    return gtabs.indexOf(item.id) === -1
  })
  
  console.log(arr)

const gtabs = ['Culture, Holidays'] this is an array with one element. I guess this should be const gtabs = ['Culture', 'Holidays'] — Rajdeep D
– Rajdeep D, Commented Jun 10, 2021 at 12:11

DecPK · Accepted Answer · 2021-06-10 12:21:51Z

3

You need to use

gtabs.includes(obj.label))

Because you are going to compare with gTabs that contain strings i.e "Culture", "Holidays"

const GuideTabs = [
  { id: 0, label: "Highlights", analyticsCategory: "Highlights" },
  {
    id: 1,
    label: "Labor & Employment",
    analyticsCategory: "Labor & Employment",
  },
  { id: 2, label: "Culture", analyticsCategory: "Culture" },
  { id: 3, label: "Holidays", analyticsCategory: "Holidays" },
];

const gtabs = ["Culture", "Holidays"];

const result = GuideTabs.filter((obj) => gtabs.includes(obj.label));

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

edited Jun 10, 2021 at 12:21

answered Jun 10, 2021 at 12:13

DecPK

25.4k6 gold badges32 silver badges46 bronze badges

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

Comments

Goutham · Accepted Answer · 2021-06-10 13:15:12Z

0

You can use some along with filter too.

const result = GuideTabs.filter((tab) => gtabs.some((guideTab) => guideTab === tab.label));

answered Jun 10, 2021 at 13:15

Goutham

3051 silver badge7 bronze badges

Collectives™ on Stack Overflow

Filter array of objects by array

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related