How to filter an array of objects by the object's key in Javascript

Question

I am struggling a lot with this. I have an array of objects and i want to filter it by key, which means if the array has two object with a certain key i only need to keep the last object.

const mockdata = [
  {
    id: null,
    visibility: 'true',
  },
  {
    id: null,
    visibility: 'true',
  },
  {
    id: null,
    visibility: 'true',
  },
  {
    status: null,
    visibility: 'thid',
  },
];

To look like:

const mockdata = [
  {
    id: null,
    visibility: 'true',
  },
  {
    status: null,
    visibility: 'false',
  },
];

Answer 1

let mockdata = [
  {
    id: null,
    visibility: 'true',
  },
  {
    id: null,
    visibility: 'true',
  },
  {
    id: null,
    visibility: 'true',
  },
  {
    status: null,
    visibility: 'thid',
  },
];

mockdata = mockdata.filter((data, index, self) =>
  index === self.findIndex((t) => (
    t.id === data.id && t.visibility === data.visibility && t.status === data.status
  ))
)

While filtering , I am checking for the index using Array.findIndex which returns the index of first item that matches with the condition , so non unique values are not counted