Is there a way to identify the items that have been removed and added in an array by comparing an old array to a new array

Question

Is there a way to identify the items that have been removed and added in an array by comparing an old array to a new array

Consider the following scenario:

oldArray = [
    { id: 1, position: 'DEV OM'},
    { id: 2, position: 'Senior Developer'},
]

newArray = [
    { id: 2, position: 'Senior Developer'},
    { id: 3, position: 'Junior Developer'},
]

How can we identify the items that were added and removed from these arrays?

addedItems = getAddedItems(oldArray, newArray)
removedItems = getRemovedItems(oldArray, newArray)


// AddedItems 
[
    { id: 3, position: 'Junior Developer'}
]

// RemovedItems 
[
    { id: 1, position: 'DEV OM'}
]

This process is being implemented in a typescript/angular2 application

arrays typescript

Answer 1

Answer №1

One solution is to create a function that identifies the variance between two arrays:

let oldArray = [
    { id: 1, position: 'Software Engineer'},
    { id: 2, position: 'Front End Developer'}
]

let newArray = [
    { id: 2, position: 'Front End Developer'},
    { id: 3, position: 'Back End Developer'}
]

function findDifference(arrA,arrB) {
  return arrA.filter(itemA => !arrB.some(itemB => itemB.id === itemA.id));
}

console.log(findDifference(oldArray,newArray))
console.log(findDifference(newArray,oldArray))

Answer 2

One solution is to create a function that identifies the variance between two arrays:

let oldArray = [
    { id: 1, position: 'Software Engineer'},
    { id: 2, position: 'Front End Developer'}
]

let newArray = [
    { id: 2, position: 'Front End Developer'},
    { id: 3, position: 'Back End Developer'}
]

function findDifference(arrA,arrB) {
  return arrA.filter(itemA => !arrB.some(itemB => itemB.id === itemA.id));
}

console.log(findDifference(oldArray,newArray))
console.log(findDifference(newArray,oldArray))

Is there a way to identify the items that have been removed and added in an array by comparing an old array to a new array

Answer №1

Similar questions

Show blank value if there are no search results, along with an additional menu option

The Vue route parameters are not recognized within the function type

The ultimate guide to loading multiple YAML files simultaneously in JavaScript

Adjusting canvas height in Storybook - Component does not fit properly due to low canvas height

Steps for displaying a 404 page on a server-side rendered dynamic route following a client-side page transition

What are the steps for integrating and expanding a JavaScript library using rollup, TypeScript, and Angular 2?

Error Message: "Unable to locate module for Angular 5 UI Components packaging"

What are effective strategies for troubleshooting Dependency Injection problems in nest.js?

Unexpected behavior: Promise.catch() fails to catch exception in AngularJS unit test

How to Utilize Class Members in a Callback Function in Angular 12 with Capacitor Version 3

How can I resolve the problem of transferring retrieved data to a POST form?

Fix a typing issue with TypeScript on a coding assistant

Setting up Typescript for a Node.js project configuration

how to verify if a variable exists in TypeScript

What distinguishes Angular directives as classes rather than functions?

Toggle the visibility of the navigation bar in Angular based on the user

I am looking to update the color based on the prop value in React

Create seamless communication between Angular application and React build

How can an associated array with only NULL values be made most succinctly?

Managing different data types in a single event emitter using Typescript: how do you approach it?