Search object array for specific value and return multiple results

Question

I need to find all objects in multiple arrays with a specific value, returning another value of this image of all matching objects.

I'll try to make it a bit clearer with an example. I'm searching for every target with the value find-me and get the source value returned. Some arrays have matching objects, some may not have. The result array should have unique values.

const deps = {
  "something": [
    {
      "type": "static",
      "source": "foo",
      "target": "bar"
    },
    {
      "type": "static",
      "source": "return-me",
      "target": "find-me"
    }
  ],
  "anything": [
    {
      "type": "static",
      "source": "and-me",
      "target": "find-me"
    }
  ],
  "no-match": [
    {
      "type": "static",
      "source": "foo",
      "target": "bar"
    }
  ]
}

So for this example, the result should be

['return-me', 'and-me']

I tried this:

const search = 'find-me'
const sources = Object
  .values(deps)
  .flat()
  .find(el => el.target === search)
  .map(el => el.source)

But of course this can't work, as find will give me only one result (which is an object). How do I get all results instead of first matching object?

Derek Wang · Accepted Answer · 2020-10-08 18:35:16Z

1

Instead of using Array.find, you need to use Array.filter to get the matched results.

const deps = {
  "something": [
    {
      "type": "static",
      "source": "foo",
      "target": "bar"
    },
    {
      "type": "static",
      "source": "return-me",
      "target": "find-me"
    }
  ],
  "anything": [
    {
      "type": "static",
      "source": "and-me",
      "target": "find-me"
    }
  ],
  "no-match": [
    {
      "type": "static",
      "source": "foo",
      "target": "bar"
    }
  ]
};

const result = Object.values(deps)
  .flat()
  .filter(({ target }) => target === 'find-me')
  .map(({ source }) => source);
console.log(result);

answered Oct 8, 2020 at 18:35

Derek Wang

10.2k4 gold badges20 silver badges40 bronze badges

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

Comments

Ori Drori · Accepted Answer · 2020-10-08 18:34:58Z

1

Replace Array.find() with Array.filter() that can return multiple results:

const deps = {"something":[{"type":"static","source":"foo","target":"bar"},{"type":"static","source":"return-me","target":"find-me"}],"anything":[{"type":"static","source":"and-me","target":"find-me"}],"no-match":[{"type":"static","source":"foo","target":"bar"}]}

const search = 'find-me'
const sources = Object
  .values(deps)
  .flat()
  .filter(el => el.target === search)
  .map(el => el.source)
  
console.log(sources)

answered Oct 8, 2020 at 18:34

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

Collectives™ on Stack Overflow

Search object array for specific value and return multiple results

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