Filter array of objects with multiple conditions [duplicate]

Question

I have an array of objects that looks like this:

const pets = [
    {name: "Dog", tags: "ground, pet, active"},
    {name: "Cat", tags: "ground, pet, relaxed"},
    {name: "Fish", tags: "water, pet, exotic"},
]

I want to filter out the array based on the tags key from a given keyword:

const search = "ground"
const result = pets.filter((pet) => pet.tags.includes(search))

It outputs this:

[
  { name: 'Dog', tags: 'ground, pet, active' },
  { name: 'Cat', tags: 'ground, pet, relaxed' }
]

What if I want to filter out the pets array with multiple keywords on the tags like this:

const search = ["ground", "active"]

In theory, only the { name: 'Dog', tags: 'ground, pet, active' } should be found given the two keywords.

Any ideas how can I achieve something like this?

If you don't want to make tags an array, Javascript: filter array of objects by array of strings — Heretic Monkey
– Heretic Monkey, Commented Feb 12, 2024 at 5:34

Mamun · Accepted Answer · 2024-02-12 05:08:59Z

4

You can try using Array.prototype.every() that checks if all elements in the array pass the test implemented by the provided function:

const pets = [
    {name: "Dog", tags: "ground, pet, active"},
    {name: "Cat", tags: "ground, pet, relaxed"},
    {name: "Fish", tags: "water, pet, exotic"},
] 


const search = ["ground", "active"];

const result = pets.filter((pet) => {
    //split the tags string into an array
    const petTags = pet.tags.split(',').map(tag => tag.trim());
    //check if every search keyword is included in the petTags array
    return search.every((keyword) => petTags.includes(keyword));
});

console.log(result);

edited Feb 12, 2024 at 5:08

answered Feb 12, 2024 at 4:02

Mamun

69k9 gold badges51 silver badges62 bronze badges

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

2 Comments

Phil Over a year ago

I'd create the tags array before checking with every(). Otherwise you're doing the same thing for every search word

Heretic Monkey Over a year ago

Answered multiple times in either case...

Selaka Nanayakkara · Accepted Answer · 2024-02-12 05:47:17Z

1

Another alternative approach is:

const pets = [
    {name: "Dog", tags: "ground, pet, active"},
    {name: "Cat", tags: "ground, pet, relaxed"},
    {name: "Fish", tags: "water, pet, exotic"},
];

const search = ["ground", "active"];

const result = pets.filter((pet) => {
    const petTags = pet.tags.split(', ');
    for (const keyword of search) {
        if (!petTags.includes(keyword)) {
            return false; 
        }
    }
  return true; 
});

console.log(result);

answered Feb 12, 2024 at 5:47

Selaka Nanayakkara

6,9963 gold badges27 silver badges60 bronze badges

Comments

Karthikeyan · Accepted Answer · 2024-02-12 05:21:18Z

-1

I suggest you to start from chaging the pet data format, anyway the tags are array of strings .. so instead of keeping it as string .. store it an array (To Avoid split everytime)

const pets = [
    {name: "Dog", tags: ["ground", "pet", "active"]},
    {name: "Cat", tags: ["ground", "pet", "relaxed"]},
    {name: "Fish", tags: ["water", "pet", "exotic"]},
]

and use array.some.. using some will reduce the number of loops in best cases

pets.filter((pet) => search.some(r=>pet.tags.includes(r)) )

answered Feb 12, 2024 at 5:21

Karthikeyan

4143 silver badges16 bronze badges

Collectives™ on Stack Overflow

Filter array of objects with multiple conditions [duplicate]

3 Answers 3

2 Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Linked

Related