How to filter out data which is present between two array of objects

Question

I have two a

var statusFilter = [
  {label: '1', checked: false},
  {label: '3', checked: false},
  {label: '4', checked: false},
  {label: '5', checked: false},
];

var activeStatusFilter = [
  {label: '1', checked: true},
  {label: '2', checked: true},
];

I need to filter out activeStatusFilter such that any element in activeStatusFilter not present in statusFilter should be removed. So the result of the function should be [{label: '1', checked: true}] because label: '2' is not present in status filter.

I have written a function to do the same but it always return an empty array.

const z = activeStatusFilter.filter( activeStatus =>
{
  let found = false;
  statusFilter.forEach(status => {
    console.log( activeStatus );
    console.log( "status", status )
    found =  ( activeStatus.label === status.label )
    return found
  })
  return found;
} )

I feel that in the forEach when found = ( activeStatus.label === status.label ) it should return from the forEach but it does not. Can someone help me in why this is not returning or a more optimised approach

Does this answer? https://stackoverflow.com/questions/43555904/foreach-for-in-not-returning-values . — Harmandeep Singh Kalsi, Jun 29 '20 at 13:37
Does this answer your question? [forEach/for...in not returning values?](https://stackoverflow.com/questions/43555904/foreach-for-in-not-returning-values) — ABGR, Jun 29 '20 at 13:57

score 1 · Answer 1 · answered Jun 29 '20 at 13:38

1

You can do it with a Set:

const labels = new Set(statusFilter.map(v => v.label));
const filtered = activeStatusFilter.filter(v => labels.has(v.label));

answered Jun 29 '20 at 13:38

Aplet123

33,825
1
29
55

score 1 · Answer 2 · answered Jun 29 '20 at 13:41

1

You can achieve the desired output by a combinatino of filter and find

const z = activeStatusFilter.filter( activeStatus => {
  return statusFilter.find( s => activeStatus.label === s.label)
})

answered Jun 29 '20 at 13:41

Dhruv Shah

1,611
1
8
22

score 1 · Answer 3 · answered Jun 29 '20 at 13:41

var statusFilter = [
  {label: '1', checked: false},
  {label: '3', checked: false},
  {label: '4', checked: false},
  {label: '5', checked: false},
];

var activeStatusFilter = [
  {label: '1', checked: true},
  {label: '2', checked: true},
];

const result = activeStatusFilter.filter(x => {
       return (statusFilter.findIndex( y => y.label === x.label) > -1)
})

score 1 · Accepted Answer · answered Jun 29 '20 at 13:42

Here you go !

var statusFilter = [
  {label: '1', checked: false},
  {label: '3', checked: false},
  {label: '4', checked: false},
  {label: '5', checked: false},
];

var activeStatusFilter = [
  {label: '1', checked: true},
  {label: '2', checked: true},
];
var set = new Set();
statusFilter.forEach(status =>  set.add(status.label));

activeStatusFilter =activeStatusFilter.filter(active => set.has(active.label));

console.log(activeStatusFilter);

score 1 · Answer 5 · answered Jun 29 '20 at 13:42

var statusFilter = [
  {label: '1', checked: false},
  {label: '3', checked: false},
  {label: '4', checked: false},
  {label: '5', checked: false},
];

var activeStatusFilter = [
  {label: '1', checked: true},
  {label: '2', checked: true},
];
res=activeStatusFilter.filter(x=>statusFilter.some(y=>y.label==x.label))
console.log(res)

score 1 · Answer 6 · answered Jun 29 '20 at 13:46

You need:

filter()
some()

an alternative approach to Set. Here is a working example:

var statusFilter = [
  {label: '1', checked: false},
  {label: '3', checked: false},
  {label: '4', checked: false},
  {label: '5', checked: false},
];

var activeStatusFilter = [
  {label: '1', checked: true},
  {label: '2', checked: true},
];

var result = activeStatusFilter.filter(k=>statusFilter.some(l=>l.label==k.label));

console.log(result);

How to filter out data which is present between two array of objects

6 Answers6