How to get difference between two array of object with different property comparer?

Question

I have these two arrays:

main:

[
   { id: "1"},
   { id: "2"},
   { id: "3"}
]

filtered:

[
   { id: "80", link_id: "1"},
   { id: "50", link_id: null},
   { id: "67", link_id: "3"}
]

I need to get the items of main which have as id those contained in filtered with the property: link_id, I tried with:

main.filter(x => filtered.includes(x.id));

the problem is that this will return null, and also this doesn't allow me to check if link_id is null

var main = [{
      id: "1"
    },
    {
      id: "2"
    },
    {
      id: "3"
    }
  ],
  filtered = [{
      id: "80",
      link_id: "1"
    },
    {
      id: "50",
      link_id: null
    },
    {
      id: "67",
      link_id: "3"
    }
  ],
  result = main.filter(x =>
    filtered.includes(x.id)
  );

console.log(result)

Answer 1

Try with some() method

var main = [
   { id: "1"},
   { id: "2"},
   { id: "3"}
]


var filtered = [
   { id: "80", link_id: "1"},
   { id: "50", link_id: null},
   { id: "67", link_id: "3"}
]


console.log(main.filter(x => filtered.some(item => item.link_id === x.id) ));