Filter An Array of Objects based on an array of keywords [duplicate]

Question

I have an array of multiple objects as follows (only showing two for brevity):

const jobs = [
    {
      "id": 1,
      "company": "Photosnap",
      "new": true,
      "featured": true,
      "position": "Senior Frontend Developer",
      "role": "Frontend",
      "level": "Senior",
      "postedAt": "1d ago",
      "contract": "Full Time",
      "location": "USA Only",
      "languages": ["HTML", "CSS", "JavaScript"],
      "tools": ["React", "Sass"]
    },
    {
      "id": 2,
      "company": "Manage",
      "logo": "./images/manage.svg",
      "new": true,
      "featured": true,
      "position": "Fullstack Developer",
      "role": "Fullstack",
      "level": "Midweight",
      "postedAt": "1d ago",
      "contract": "Part Time",
      "location": "Remote",
      "languages": ["Python"],
      "tools": ["React"]
    },

And an array of keywords

const keywords = ['React', 'Fullstack', 'Vue']

I would like to filter my jobs array to return any job which contains ANY of the keywords in my keywords array.The keyword array is dynamic and may only include one term or several. I think the array.prototype.filter is my starting point but I cannot figure out how to return objects which include any of my keywords.

  let result = jobs.filter(function(obj) {
      ...
  })`
 
Could someone help?

Does this answer your question? Sort array of objects by string property value — Lim Han Yang
– Lim Han Yang, Commented Jun 25, 2022 at 12:18
Hi, I don't think it does - that solution is just sorting based on specific key:value, I can not know if a keyword will be in "role" key or "contract" etc etc, hence why i thought a simple includes might be the way. — danielCerulean
– danielCerulean, Commented Jun 25, 2022 at 12:23
also: Filter array of objects by multiple strings which searches all props for the strings or Filter array of objects whose any properties contains a value or — pilchard
– pilchard, Commented Jun 25, 2022 at 12:36
Hi pilchard, i think stackoverflow.com/questions/49041678/… might have done the trick — danielCerulean
– danielCerulean, Commented Jun 25, 2022 at 13:04

Code Maniac · Accepted Answer · 2022-06-25 12:22:45Z

2

You can use filter, some and includes

let jobs = [{"id": 1,"company": "Photosnap","new": true,"featured": true,"position": "Senior Frontend Developer","role": "Frontend","level": "Senior","postedAt": "1d ago","contract": "Full Time","location": "USA Only","languages": ["HTML", "CSS", "JavaScript"],"tools": ["React", "Sass"]},{"id": 2,"company": "Manage","logo": "./images/manage.svg","new": true,"featured": true,"position": "Fullstack Developer","role": "Fullstack","level": "Midweight","postedAt": "1d ago","contract": "Part Time","location": "Remote","languages": ["Python"],"tools": ["React"]}, {"id": 3,"company": "Manage","logo": "./images/manage.svg","new": true,"featured": true,"position": "Fullstack Developer","role": "Fullstack","level": "Midweight","postedAt": "1d ago","contract": "Part Time","location": "Remote","languages": ["Python"],"tools": ["Angular"]}]
const keywords = ['React', 'Fullstack', 'Vue']

let results = jobs.filter(job => {
  return job.tools.some(v => keywords.includes(v))
})

console.log(results)

You can improve time complexity by using Set

let jobs = [{"id": 1,"company": "Photosnap","new": true,"featured": true,"position": "Senior Frontend Developer","role": "Frontend","level": "Senior","postedAt": "1d ago","contract": "Full Time","location": "USA Only","languages": ["HTML", "CSS", "JavaScript"],"tools": ["React", "Sass"]},{"id": 2,"company": "Manage","logo": "./images/manage.svg","new": true,"featured": true,"position": "Fullstack Developer","role": "Fullstack","level": "Midweight","postedAt": "1d ago","contract": "Part Time","location": "Remote","languages": ["Python"],"tools": ["React"]}, {"id": 3,"company": "Manage","logo": "./images/manage.svg","new": true,"featured": true,"position": "Fullstack Developer","role": "Fullstack","level": "Midweight","postedAt": "1d ago","contract": "Part Time","location": "Remote","languages": ["Python"],"tools": ["Angular"]}]
const keywords = new Set(['React', 'Fullstack', 'Vue'])

let results = jobs.filter(job => {
  return job.tools.some(v => keywords.has(v))
})

console.log(results)

answered Jun 25, 2022 at 12:22

Code Maniac

37.9k5 gold badges44 silver badges65 bronze badges

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

5 Comments

cmgchess Over a year ago

will need to check includes of Object.values(job).flat() to capture Fullstack keyword

Code Maniac Over a year ago

@cmgchess if we want to match with all the properties, then we need to consider what different type of value properties can hold and then accordingly, need to check each of them, i have added this as an example to show how to proceed further

pilchard Over a year ago

This is a duplicate multiple times over. Flag to close

danielCerulean Over a year ago

Thank you Code Maniac. The only problem with this solution is that it is just checking the tools key. What I'm trying to achieve is simply whether a job object contains ANY of the keywords, ANYWHERE in its values. You have certainly helped though, thank you

pilchard Over a year ago

@danielCerulean see the flagged duplicate Filter array of objects by multiple strings for discussion around searching all properties

Collectives™ on Stack Overflow

Filter An Array of Objects based on an array of keywords [duplicate]

1 Answer 1

5 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Linked

Related