Compração de Arrays, como saber quem eu crio, quem eu edito e quem eu deleto?

comparacaoDeArrays.md

Compração de Arrays, como saber quem eu crio, quem eu edito e quem eu deleto?

A solução é bem simples, e o código está anexado a esse Gist!

solucao.js

const currentArray = [
  { id: 1, name: "John", phone: "123" },
  { id: 2, name: "Jane", phone: "123" },
  { id: 3, name: "Richard", phone: "123" },
];

const newArray = [
  { id: 1, name: "John", phone: "456" },
  { id: 3, name: "Richard", phone: "123" },
  { name: "Bob", phone: "123" },
];

const newElements = newArray.filter((element) => !element.id);

console.log("Elementos Novos ");
console.table(newElements);
// Output: [{id: 4, name: 'Bob', phone: '123'}]

const deleteElements = currentArray.filter((currentElement) => {
  return !newArray.some((newElement) => newElement.id === currentElement.id);
});

console.log("Elementos Deletados ");
console.table(deleteElements);
// Output: [{id: 2, name: 'Jane', phone: '123'}]

const updateElements = newArray.filter((newElement) => {
  return currentArray.find((currentElement) => {
    return (
      newElement.id === currentElement.id &&
      (newElement.phone !== currentElement.phone ||
        newElement.name !== currentElement.name)
    );
  });
});

console.log("Elementos Atualizados ");
console.table(updateElements);
// Output: [{id: 1, name: 'John', phone: '456'}]

const notChangedElements = currentArray.filter((currentElement) => {
  return (
    updateElements.every(
      (updateElement) => updateElement.id !== currentElement.id
    ) &&
    newArray.find(
      (newElement) =>
        newElement.id === currentElement.id &&
        (newElement.phone === currentElement.phone ||
          newElement.name === currentElement.name)
    )
  );
});

console.log("Elementos Não Alterados ");
console.table(notChangedElements);
// Output: [{id: 3, name: 'Richard', phone: '123'}]