How to filter an array by multiple (all) of some object's values?

Question

In the below code, I am trying to reduce the persons array only to persons which match perfectly with filters object.

Currently the output is an array of objects that have a match in ANY of the object keys. How can I adjust it to return only the second person - the one that has a perfect match with ALL filters?

var persons = [
	{city: 'London', 'age': 18, 'name': 'Josh'},
	{city: 'London', 'age':42, 'name': 'Josh'},
	{city: 'New York', 'age': 42, 'name': 'Mike'},
	{city: 'Tokyo', 'age': 33, 'name': 'Kazuna'},
]

var filters = {
	city: 'London',
	age: 42,
	name: 'Josh',
}

function filter(person){
	for (let key of Object.keys(filters)) {
		if (person[key] == filters[key]) {
			return person
		}
	}
}

var filtered = persons.filter((person) => filter(person))
console.log(filtered)

You want to use every()

epascarello
– epascarello

2019-02-21 14:51:06 +00:00
Commented Feb 21, 2019 at 14:51 — epascarello
– epascarello, Commented Feb 21, 2019 at 14:51

Ele · Accepted Answer · 2019-02-21 14:53:43Z

5

You should use the function every to accomplish that.

var persons = [{     city: 'London',     'age': 18,     'name': 'Josh'   },   {     city: 'London',     'age': 42,     'name': 'Josh'   },   {     city: 'New York',     'age': 42,     'name': 'Mike'   },   {     city: 'Tokyo',     'age': 33,     'name': 'Kazuna'   }, ],
    filters = {city: 'London',age: 42,name: 'Josh'};

function myOwnFilter(person) {
  return Object.keys(filters).every(key => filters[key] === person[key]);
}

var filtered = persons.filter(myOwnFilter);
console.log(filtered);

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

answered Feb 21, 2019 at 14:53

Ele

33.8k7 gold badges43 silver badges80 bronze badges

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

Comments

epascarello · Accepted Answer · 2019-02-21 14:54:49Z

1

use every() to make sure everything matches

var persons = [
	{city: 'London', 'age': 18, 'name': 'Josh'},
	{city: 'London', 'age':42, 'name': 'Josh'},
	{city: 'New York', 'age': 42, 'name': 'Mike'},
	{city: 'Tokyo', 'age': 33, 'name': 'Kazuna'},
]

var filters = {
	city: 'London',
	age: 42,
	name: 'Josh',
}

const result = persons
  .filter(person => 
    Object.keys(filters)
      .every(key => 
        filters[key] === person[key]
      )
  )

console.log(result)

You can improve performance moving the Object.keys() out of the loop

answered Feb 21, 2019 at 14:54

epascarello

208k20 gold badges206 silver badges246 bronze badges

Comments

Nina Scholz · Accepted Answer · 2019-02-21 15:02:21Z

1

You could take the entries of the filters object and check every person with every entry of it with Array#every, which returns true if every predicate is true.

var persons = [{ city: 'London', 'age': 18, 'name': 'Josh' }, { city: 'London', 'age':42, 'name': 'Josh' }, { city: 'New York', 'age': 42, 'name': 'Mike' }, { city: 'Tokyo', 'age': 33, 'name': 'Kazuna' }],
    filters = { city: 'London', age: 42, name: 'Josh' },
    filterEntries = Object.entries(filters),
    result = persons.filter(person => filterEntries.every(([k, v]) => person[k] === v));

console.log(result);

edited Feb 21, 2019 at 15:02

answered Feb 21, 2019 at 14:54

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Comments

brk · Accepted Answer · 2019-02-21 14:54:42Z

0

You can use && to create the condition in the filter

var persons = [{
    city: 'London',
    'age': 18,
    'name': 'Josh'
  },
  {
    city: 'London',
    'age': 42,
    'name': 'Josh'
  },
  {
    city: 'New York',
    'age': 42,
    'name': 'Mike'
  },
  {
    city: 'Tokyo',
    'age': 33,
    'name': 'Kazuna'
  },
]

var filters = {
  city: 'London',
  age: 42,
  name: 'Josh',
}


var filtered = persons.filter(function(person) {
  return person.city === filters.city && person.age === filters.age && person.name === filters.name

})
console.log(filtered)

answered Feb 21, 2019 at 14:54

brk

50.3k10 gold badges59 silver badges85 bronze badges

Comments

chsymann · Accepted Answer · 2019-02-21 15:51:50Z

0

Are you looking for something like this?

var persons = [
    {city: 'London', 'age': 18, 'name': 'Josh'},
    {city: 'London', 'age':42, 'name': 'Josh'},
    {city: 'New York', 'age': 42, 'name': 'Mike'},
    {city: 'Tokyo', 'age': 33, 'name': 'Kazuna'},
]

var filters = {
    city: 'London',
    age: 42,
    name: 'Josh',
}

function filter(person){
    for (let key of Object.keys(filters)) {
        if (person[key] !== filters[key]) {
            return false;
        }
    }
    return true;
}



var filtered = persons.filter((person) => filter(person))
console.log(filtered)

edited Feb 21, 2019 at 15:51

answered Feb 21, 2019 at 14:56

chsymann

1,6801 gold badge15 silver badges15 bronze badges

Collectives™ on Stack Overflow

How to filter an array by multiple (all) of some object's values?

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related