Filter Array of objects in Javascript

Question

I am making a search bar, to filter a table I have. I know how to filter an array of objects by a specific value, for example "team" values see code below:

const characters = [
  { name: 'Batman', team: 'Justice League' },
  { name: 'Hulk', team: 'Avengers' },
  { name: 'Flash', team: 'Justice League' },
  { name: 'Iron Man', team: 'Avengers' },
  { name: 'Avengers', team: 'X-Force' }
];

const avengers = characters.filter(character => character.team === 'Avengers');

My Questions is, what if want to filter it by any of the properties in the object contains the value Avengers? without doing it the manual way like:

  const avengers = characters.filter(character => character.team === 'Avengers' || character.name === 'Avengers');

The reason why I don't want to do it this way is because some of the objects are quite large...

Object.values() + Array.prototype.some(), or a simple for...in... / for...of... loop — Andreas
– Andreas, Commented May 18, 2021 at 10:24
Does this answer your question? Filter array of objects whose any properties contains a value — Heretic Monkey
– Heretic Monkey, Commented May 18, 2021 at 10:38

Siddharth · Accepted Answer · 2021-05-18 10:32:32Z

2

You can do

  const avengers = characters.filter(character => !!Object.values(character).find(e => e === 'Avengers'));

edited May 18, 2021 at 10:32

answered May 18, 2021 at 10:25

Siddharth

4694 silver badges11 bronze badges

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

2 Comments

Christian Moen Over a year ago

maybe better to use .some instead, as it returns a boolean.

Hanskrogh Over a year ago

I get the following error when trying to do so: "Uncaught TypeError: Avengers is not a function"

Collectives™ on Stack Overflow

Filter Array of objects in Javascript

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related