Filter array of objects by property

Question

I have an array of objects:

const obj = [
        { name: 'Test', age: 25 },
        { name: 'App', age: 27 },
        { name: 'Const', age: 28 },
];

and I have the other one:

const value = [
        { surname: 'Test', age: 54 },
        { surname: 'Back', age: 54 },
        { surname: 'Front', age: 54 },
        { surname: 'Const', age: 54 },
        { surname: 'App', age: 54 },
];

Now, I want to leave in the second array only objects, which have name === surname and the other ones delete. Keys must be different, but the values in them must be the same. For example: {name: "Test", age: 25} === {surname: "Test", age: 54}(it's just an example) How to make it?

zovorap · Accepted Answer · 2021-03-04 18:45:18Z

Try this

const obj = [
  { name: 'Test', age: 25 },
  { name: 'App', age: 27 },
  { name: 'Const', age: 28 },
];

let value = [
  { surname: 'Test', age: 54 },
  { surname: 'Back', age: 54 },
  { surname: 'Front', age: 54 },
  { surname: 'Const', age: 54 },
  { surname: 'App', age: 54 },
];

const names = obj.map(el => el.name);

value = value.filter(el => names.includes(el.surname));

or like this:

const obj = [
  { name: 'Test', age: 25 },
  { name: 'App', age: 27 },
  { name: 'Const', age: 28 },
];

const names = obj.map(el => el.name);

const value = [
  { surname: 'Test', age: 54 },
  { surname: 'Back', age: 54 },
  { surname: 'Front', age: 54 },
  { surname: 'Const', age: 54 },
  { surname: 'App', age: 54 },
].filter(el => names.includes(el.surname));

Pedro Rogério · Accepted Answer · 2021-03-04 17:23:44Z

1

Use filter and some:

const myArrayFiltered = obj.filter( el => {
  return value.some( f => {
    return f.surname === el.name;
  });
});

answered Mar 4, 2021 at 17:23

Pedro Rogério

1761 gold badge1 silver badge9 bronze badges

Comments

Mike B · Accepted Answer · 2021-03-04 17:24:37Z

1

Your have to use filter and see if there is a key in the second list.
And don't forget to reassign the result of filter() to the value list as the filter doesn't change the original list, but returns a new, filtered one.

value = value.filter(oneVal => obj.find(o => o.name === oneVal.surname))

Comments

boky · Accepted Answer · 2021-03-04 17:25:32Z

1

Use embedded Javascript's find and filter methods:

value.filter(k => 
   obj.find(v => v.name === k.surname)
)

This basically says "filter all values from value array that match this criteria". And the criteria is "find values in obj where name equals surname".

answered Mar 4, 2021 at 17:25

boky

8455 silver badges10 bronze badges

Collectives™ on Stack Overflow

Filter array of objects by property

4 Answers 4

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Related