Applying filter within a filter in JavaScript

Question

How do I apply filter within a filter in JavaScript while looking for values in an array within the array?

Say, I want to get all construction projects whose teams include Jane Smith.

I realize I'm inventing some crazy JavaScript here, I'm just trying to show you what I'm after.

const result = myArray.filter(x => x.type === "construction" && x.team.filter(y => y.name.includes("Jane Smith")));

Here's the array I want to filter:

[
   {
      "type": "construction",
      "name": "Project A",
      "team": [
         {
            "name": "John Doe",
            "position": "Engineer"
         },
         {
            "name": "Jane Smith",
            "position": "Architect"
         }
      ]
   },
   {
      "type": "construction",
      "name": "Project B",
      "team": [
         {
            "name": "Walt Disney",
            "position": "Creative Director"
         },
         {
            "name": "Albert Einstein",
            "position": "Scientist"
         }
      ]
   },
   {
      "type": "remodelling",
      "name": "Project C",
      "team": [
         {
            "name": "John Travolta",
            "position": "Manager"
         }
      ]
   }
]

Nina Scholz · Accepted Answer · 2018-07-19 20:28:22Z

4

You could use Array#some for checking the team.

This proposal uses destructuring assignment for the objects.

var array = [{ type: "construction", name: "Project A", team: [{ name: "John Doe", position: "Engineer" }, { name: "Jane Smith", position: "Architect" }] }, { type: "construction", name: "Project B", team: [{ name: "Walt Disney", position: "Creative Director" }, { name: "Albert Einstein", position: "Scientist" }] }, { type: "remodelling", name: "Project C", team: [{ name: "John Travolta", position: "Manager" }] }],
    result = array.filter(({ type, team }) =>
        type === "construction" && team.some(({ name }) => name === "Jane Smith"));

console.log(result);

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

edited Jul 19, 2018 at 20:28

answered Jul 19, 2018 at 20:09

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

3 Comments

sjw Over a year ago

I think it should be name === "Jane Smith" rather than name.includes("Jane Smith"). Unless we want to match against, for example, "Jane Smithers".

Sam Over a year ago

This seems very nice and clean -- with @thesilkworm's suggestion. I'm testing it. Once I make sure it's working, I'll accept yours and the answer. Thank you!

Sam Over a year ago

Works beautifully and the structure is easy to understand. Thank you!

Charlie Fish · Accepted Answer · 2018-07-19 20:07:45Z

1

Maybe something like the following?

const result = myArray.filter(x => x.type === "construction" && x.team.filter(y => y.name.includes("Jane Smith")).length > 0);

Basically I'm just checking to see if that new filtered array length is greater than 0.

answered Jul 19, 2018 at 20:07

Charlie Fish

21k23 gold badges108 silver badges205 bronze badges

Collectives™ on Stack Overflow

Applying filter within a filter in JavaScript

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related