Filter a javascript array by an object only containing a subset of the array properties

Question

I have an array of objects that have many properties. I would like to be able to find the matching items, based on a filter object that only contains a subset of the arrays properties. For Example, i have a customer

let Customer = {
    Name: "John Doe",
    Age: 80,
    Hair: "Red",
    Gender: "Male",

};

And i have my search object:

let searchObject ={
    Hair: "Red",
    Gender: "Male"
}

I want to be able to find inside my array, all customers that match searchObject, without having to do:

this.array.filter(z=>z.Hair == searchObject.Hair && z.Gender == searchObject.Gender);

I would like for it to be when searchObject adds more properties, it automatically filters on those too

"only contains a subset of the ~arrays~ object's properties" — epascarello
– epascarello, Commented May 14, 2019 at 13:29

Maheer Ali · Accepted Answer · 2019-05-14 13:36:24Z

3

You can use every() on Object.keys() of searchObject inside and check if all the values of keys in searchObject matches with corresponding values of object in array.

Below in the snippet I have two object with different Gender

let array = [{
    Name: "John Doe",
    Age: 80,
    Hair: "Red",
    Gender: "Male",
},{
    Name: "Marry",
    Age: 80,
    Hair: "Red",
    Gender: "Female",
}]

let searchObject ={
    Hair: "Red",
    Gender: "Male"
}

const res = array.filter(x => Object.keys(searchObject).every(k => x[k] === searchObject[k]));

console.log(res)

edited May 14, 2019 at 13:36

answered May 14, 2019 at 13:29

Maheer Ali

36.5k8 gold badges53 silver badges83 bronze badges

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

Comments

Nina Scholz · Accepted Answer · 2019-05-14 13:34:06Z

1

You could take the entries and filter by the key/value pairs.

var customers = [{ Name: "John Doe", Age: 80, Hair: "Red", Gender: "Male" }],
    searchObject = { Hair: "Red", Gender: "Male" },
    search = Object.entries(searchObject),
    result = customers.filter(o => search.every(([k, v]) => o[k] === v));

console.log(result);

edited May 14, 2019 at 13:34

answered May 14, 2019 at 13:30

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Collectives™ on Stack Overflow

Filter a javascript array by an object only containing a subset of the array properties

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