How do I filter an object with an object using Array.filter similar to lodash?

Question

I am trying to avoid importing lodash for a simple filter. I am trying to do something similar to this...

// Items
[
  { "title": "a", "name": "a", "location": "here"},
  { "title": "b", "name": "a", "location": "here"}, 
  { "title": "d", "location": "there"}, 
]
// Filter
{ "name" : "a", "location": "here" }

Should return the first two items. In lodash this is done by something similar to _.filter(Items, Filter). I would like to implement this without lodash or a bunch of code and getting Object.keys. Is there a simple way in modern Javascript to handle this?

I tried searching but if this was already asked in a diff way let me know and I will delete. — Jackie
– Jackie, Commented Feb 11, 2022 at 17:33

Joey Carlisle · Accepted Answer · 2022-02-11 17:51:51Z

1

Here's what I came up with, seems to work well

let foo = [
  { "title": "a", "name": "a", "location": "here"},
  { "title": "b", "name": "a", "location": "here"}, 
  { "title": "d", "location": "there"}, 
];

let bar = { "name" : "a", "location": "here" };

let result = foo.filter(obj =>
  Object.entries(bar).every(([k,v]) => obj[k]===v)
);

console.log(result);

edited Feb 11, 2022 at 17:51

answered Feb 11, 2022 at 17:47

Joey Carlisle

9857 silver badges17 bronze badges

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

1 Comment

user949300 Over a year ago

You beat me to it by a couple of minutes. Good answer. Though I'd add a little more whitespace.

Tom · Accepted Answer · 2022-02-11 17:39:47Z

0

I don't believe there's a "simple way in modern Javascript to handle this" but if you don't have a hard requirement on avoiding Object.keys you could write a helper function to do this:

const myItems = [
  { "title": "a", "name": "a", "location": "here"},
  { "title": "b", "name": "a", "location": "here"}, 
  { "title": "d", "location": "there"}, 
]

const myFilter = { "name" : "a", "location": "here" };

const filter = (items, filterBy) => 
  items.filter(item => 
    Object.keys(filterBy).every(key => item[key] === filterBy[key])
  )

alert(JSON.stringify(filter(myItems, myFilter)));

answered Feb 11, 2022 at 17:39

Tom

7,7401 gold badge26 silver badges49 bronze badges

1 Comment

Joey Carlisle Over a year ago

we wrote basically identical solutions lol, didn't see yours until I refreshed the page

Nina Scholz · Accepted Answer · 2022-02-11 17:50:19Z

0

You could get the entries of the filter in advance to prevent getting th entries for every filtering iteration.

const
    filter = (array, filter) => {
        const
            filterBy = entries => o => entries.every(([k, v]) => o[k] === v);

        return items.filter(filterBy(Object.entries(filters)));
    },
    items = [{ title: "a", name: "a", location: "here" }, { title: "b", name: "a", location: "here" }, { title: "d", location: "there"}],
    filters = { name: "a", location: "here" },
    result = filter(items, filters);

console.log(result);

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

answered Feb 11, 2022 at 17:50

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Collectives™ on Stack Overflow

How do I filter an object with an object using Array.filter similar to lodash?

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related