Filter an nested Object with filter and map with JavaScript

Question

I know that this is close to a duplicate but I can't get the code to work. I have an object that I need to filter and I'm currently trying to emulate the accepted as an answer the code at Javascript filtering nested arrays

My data object is:

[{
    "project_num": "5R01DA012513-23",
    "principal_investigators": [{
      "profile_id": 2076451,
      "full_name": "PK",
      "title": ""
    }]
  },
  {
    "project_num": "5R01DK118529-03",
    "principal_investigators": [{
      "profile_id": 8590844,
      "full_name": "HW",
      "title": "PROFESSOR, SCIENTIFIC DIRECTOR"
    }]
  },
  {
    "project_num": "3R01AA025365-05S1",
    "principal_investigators": [{
      "profile_id": 8730036,
      "full_name": "JJ",
      "title": "ASSOCIATE PROFESSOR OF PSYCHIATRY"
    }]
  },
  {
    "project_num": "1R01HL163963-01",
    "principal_investigators": [{
        "profile_id": 2084037,

        "full_name": "KH",
        "title": "ASSOCIATE PROFESSOR"
      },
      {
        "profile_id": 11309656,
        "full_name": "AM",
        "title": "RESEARCH ASSISTANT PROFESSOR"
      }
    ]
  },
  {
    "project_num": "5R25HL092611-15",
    "principal_investigators": [{
      "profile_id": 1886512,
      "full_name": "CW",
      "title": "P"
    }]
  }
]

and my JavaScript code is:

let payLoad = 1886512
const result = this.reporterData.map(t => {
  const principal_investigators = t.principal_investigators.filter(d =>
    d.profile_id === payLoad);
  return { ...t,
    principal_investigators
  };
})

I need to pass in a profile_id as a payload and return the objects that will fill a data table.

The data can be 1000's of items and the principla_investigators can be multiple entries. When I use the code that I have it return all of the objects. Can someone point out my error? Thanks

What result are you trying to get, and what are you getting instead? — Barmar
– Barmar, Commented Apr 11, 2022 at 15:04
When I pass in the profile_id I would like to only get back the objects with that profile_id in the principal_investigator. I am currently getting back the the entire reporterData object-- over 500 records payload is the profile_id variable passed in from a different function. I should have cleaned that up — Bill
– Bill, Commented Apr 11, 2022 at 15:09
Then you should be filtering the reporterData array, not mapping it, if you don't want to get back all the elements. — Barmar
– Barmar, Commented Apr 11, 2022 at 15:27

Jasper · Accepted Answer · 2022-04-11 15:27:34Z

3

You can try doing like this:

const result = this.reporterData.filter((t) => {
  const principal_investigators = t.principal_investigators.filter((d) => d.profile_id === payLoad)
  return (principal_investigators.length > 0)
})

edited Apr 11, 2022 at 15:27

Jasper

6304 silver badges25 bronze badges

answered Apr 11, 2022 at 15:12

kawadhiya21

2,52823 silver badges34 bronze badges

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

8 Comments

Bill Over a year ago

Sorry- but I don't get any results returned

kawadhiya21 Over a year ago

Check edited answer.

Barmar Over a year ago

I don't think your edits should make any difference.

Barmar Over a year ago

Instead of filter() and length, you can use the some() method. But it looks like this should work.

Barmar Over a year ago

@Bill It works: jsfiddle.net/barmar/b52fa30m

|

Ricardo Aranguren · Accepted Answer · 2022-04-11 15:42:54Z

0

I understand that you want an array with all the investigators matching that ID, right?

Try this:

const result = this.reporterData.reduce((previous, current) => {
    if (current.principal_investigators) {
        current.principal_investigators.forEach(pi => {
            if (pi.profile_id === payLoad) {
                previous.push(current)
            }
        });
    }
    return previous
}, [])

You can also do for loops with the same result:

const result = [];
for (project of this.reporterData) {
    if (project.principal_investigators) {
        for (pi of project.principal_investigators) {
            if (pi.profile_id == payLoad) {
                result.push(pi);
            }
        }
    }
}

answered Apr 11, 2022 at 15:42

Ricardo Aranguren

7201 gold badge5 silver badges13 bronze badges

Collectives™ on Stack Overflow

Filter an nested Object with filter and map with JavaScript

2 Answers 2

8 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related