JSFiddle - React, Tailwind, and code Playground

by Alexey

JavaScript

const fruits = [{Id: 1, Name: 'Apple'}, {Id: 2, Name: 'Pear'}, { Id: 3, Name: 'Orange'}, { Id: 4, Name: 'Plum'}, { Id: 5, Name: 'Cherry'}];

const selected = [{Name: 'Orange', Id: 3}, {Name: 'Pear', Id: 2}];

const newSelect = selected.map((item) => (item.Id));
console.log(newSelect)

const result = fruits.reduce((acc, item) => {
  if(!newSelect.includes(item.Id)) {
    return acc.concat(item);
  }
  return acc;
}, selected)

console.log(result)