Filtering a nested object in JavaScript using .filter and .reduce

Question

I have this object that are clinics, the key is the id of the clinic, and it has an id and invitations:

const clinics = {
    "a0CW0000001K2F8MAK": {
        "id": "a0CW0000001K2F8MAK",
        "invitations": {
            "56205": {
              "id": "56205",
              "status": "Confirmed",
          },
        }
    },
    "a0CW00000026gjsMAA": {
        "id": "a0CW00000026gjsMAA",
        "invitations": {}
    },
    "a0CW00000026gjTMAQ": {
        "id": "a0CW00000026gjTMAQ",
        "invitations": {
            "56445": {
              "id": "56445",
              "status": "Cancelled",
          },
        }
    },
    "a0CW00000026gipMAA": {
        "id": "a0CW00000026gipMAA",
        "invitations": {
            "56447": {
                "id": "56447",
                "status": "Confirmed",
            },
            "56448": {
                "id": "56448",
                "status": "Cancelled",
            },
            "56456": {
                "id": "56456",
                "status": "Declined",
            }
        }
    },
    "a0CW00000026gjOMAQ": {
        "id": "a0CW00000026gjOMAQ",
        "invitations": {}
    },
    "a0CW00000026gjnMAA": {
        "id": "a0CW00000026gjnMAA",
        "invitations": {
          "56304": {
              "id": "56304",
              "status": "Pending",
          },
        }
    },
}

And I want to return the object only if the invitation -> status is equal to "Cancelled", there could be more than one invitation, and if any of the invitations is cancelled, I need to return that object, in this case, to return:

const clinics = {
    "a0CW00000026gjTMAQ": {
        "id": "a0CW00000026gjTMAQ",
        "invitations": {
            "56445": {
              "id": "56445",
              "status": "Cancelled",
          },
        }
    },
    "a0CW00000026gipMAA": {
        "id": "a0CW00000026gipMAA",
        "invitations": {
            "56447": {
                "id": "56447",
                "status": "Confirmed",
            },
            "56448": {
                "id": "56448",
                "status": "Cancelled",
            },
            "56456": {
                "id": "56456",
                "status": "Declined",
            }
        }
    },
}

I tried something like this, but it didn't work:

function filterByStatus(clinics) {
  return Object.keys(clinics)
    .filter(clinicId => clinics[clinicId].invitations.status === "Cancelled")
    .reduce((acc, key) => Object.assign(acc, { [key]: clinics[key] }), {});
}

How can I do this? thanks!

I tried something like this, but it didn't work - something like that, or exactly that? dont' ask about code you haven't posted. "it didn't work" - in what way? what was the output you got instead of what you expected — Jaromanda X
– Jaromanda X, Commented Jul 24, 2018 at 3:41

CertainPerformance · Accepted Answer · 2018-07-24 03:39:57Z

2

Check if some of the invitations objects values have a status of Cancelled. No need for filter, you can avoid iterating twice by just testing in the reduce function itself:

const clinics={"a0CW0000001K2F8MAK":{"id":"a0CW0000001K2F8MAK","invitations":{"56205":{"id":"56205","status":"Confirmed",},}},"a0CW00000026gjsMAA":{"id":"a0CW00000026gjsMAA","invitations":{}},"a0CW00000026gjTMAQ":{"id":"a0CW00000026gjTMAQ","invitations":{"56445":{"id":"56445","status":"Cancelled",},}},"a0CW00000026gipMAA":{"id":"a0CW00000026gipMAA","invitations":{"56447":{"id":"56447","status":"Confirmed",},"56448":{"id":"56448","status":"Cancelled",},"56456":{"id":"56456","status":"Declined",}}},"a0CW00000026gjOMAQ":{"id":"a0CW00000026gjOMAQ","invitations":{}},"a0CW00000026gjnMAA":{"id":"a0CW00000026gjnMAA","invitations":{"56304":{"id":"56304","status":"Pending",},}},}

console.log(
  Object.entries(clinics).reduce((a, [key, val]) => {
    const { invitations } = val;
    if (Object.values(invitations).some(({ status }) => status === 'Cancelled')) {
      a[key] = val;
    }
    return a;
  }, {})
);

answered Jul 24, 2018 at 3:39

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

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

2 Comments

Lizz Parody Over a year ago

Thanks @CertainPerformance it works! but my linter says "Assignment to property of function parameter 'a' (no-param-reassign)" its because of a[key] = val; how can I change this?

CertainPerformance Over a year ago

That's nothing to worry about - it's a lot more efficient to assign to the accumulator than to create a new object every single time you go through an iteration.

Collectives™ on Stack Overflow

Filtering a nested object in JavaScript using .filter and .reduce

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related