Remove items from the array that are also found in another array

Question

Remove items from the array that are also found in another array

I am currently working with two arrays structured as follows:

this.originalArray = [{
    id: 10,
    name: 'a',
    roleInfo: [{
        roleID: 5,
        roleName: 'USER'
    }]
},
{
    id: 20,
    name: 'b',
    roleInfo: [{
        roleID: 5,
        roleName: 'Admin',
    }]
 },
 {
     id: 30,
     name: 'c',
     roleInfo: [{
         roleID: 5,
         roleName: 'Support',
     }]
 }]

this.removeElements =      
    roleInfo: [{
        roleID: 5,
        roleName: 'Support',        
}]

Query: How can the originalArray be filtered to exclude elements present in the removeElements array?

arrays angular typescript

Answer 1

Answer №1

Here is how you can achieve this:

let filteredArray = originalArray.filter(item => removeElements.find(test => test.id == item.id));

Answer 2

Here is how you can achieve this:

let filteredArray = originalArray.filter(item => removeElements.find(test => test.id == item.id));

Answer 3

Answer №2

Consider the following solution:

filteredArray = originalArray.filter(item => removeElements.some(f => f.id == item.id));

Answer 4

Consider the following solution:

filteredArray = originalArray.filter(item => removeElements.some(f => f.id == item.id));

Answer 5

Answer №3

This method is compatible with most browsers.

var arrayOne = [1, 2, 3, 4, 5];
var arrayTwo = [2, 3];

var resultArray = [], foundValue;
for (var indexOne = 0; indexOne < arrayOne.length; indexOne++) {
    foundValue = false;
    // find arrayOne[indexOne] in arrayTwo
    for (var indexTwo = 0; indexTwo < arrayTwo.length; indexTwo++) {
        if (arrayOne[indexOne] == arrayTwo[indexTwo]) {
            foundValue = true;
            break;
        }
    }
    if (!foundValue) {
        resultArray.push(arrayOne[indexOne]);
    }
}

Alternatively, if compatibility is not a concern:

Use the following code snippet: a.filter(i => b.some(j => j.id === i.id));

Answer 6

This method is compatible with most browsers.

var arrayOne = [1, 2, 3, 4, 5];
var arrayTwo = [2, 3];

var resultArray = [], foundValue;
for (var indexOne = 0; indexOne < arrayOne.length; indexOne++) {
    foundValue = false;
    // find arrayOne[indexOne] in arrayTwo
    for (var indexTwo = 0; indexTwo < arrayTwo.length; indexTwo++) {
        if (arrayOne[indexOne] == arrayTwo[indexTwo]) {
            foundValue = true;
            break;
        }
    }
    if (!foundValue) {
        resultArray.push(arrayOne[indexOne]);
    }
}

Alternatively, if compatibility is not a concern:

Use the following code snippet: a.filter(i => b.some(j => j.id === i.id));

Answer 7

Answer №4

let data = [
  { id: 10, name: 'a', roleInfo: [{ roleID: 5, roleName: 'USER' }] },
  { id: 20, name: 'b', roleInfo: [{ roleID: 5, roleName: 'Admin', }] },
  { id: 30, name: 'c', roleInfo: [{ roleID: 5, roleName: 'Support', }] }
]

let toRemove = [
    {
        id: 30,
        name: 'c',
        roleInfo: [{
            roleID: 5,
            roleName: 'Support',
        }]
    }
]

let finalArray = [];
data.forEach(function(item){
   let filterArray =  toRemove.filter(function(removeItem){
      if(removeItem.id == item.id && removeItem.name == item.name){
        return removeItem;
      }
    });
    if(filterArray.length === 0){
      finalArray.push(item);
    }
})

Answer 8

let data = [
  { id: 10, name: 'a', roleInfo: [{ roleID: 5, roleName: 'USER' }] },
  { id: 20, name: 'b', roleInfo: [{ roleID: 5, roleName: 'Admin', }] },
  { id: 30, name: 'c', roleInfo: [{ roleID: 5, roleName: 'Support', }] }
]

let toRemove = [
    {
        id: 30,
        name: 'c',
        roleInfo: [{
            roleID: 5,
            roleName: 'Support',
        }]
    }
]

let finalArray = [];
data.forEach(function(item){
   let filterArray =  toRemove.filter(function(removeItem){
      if(removeItem.id == item.id && removeItem.name == item.name){
        return removeItem;
      }
    });
    if(filterArray.length === 0){
      finalArray.push(item);
    }
})

Remove items from the array that are also found in another array

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Validating the method for copying an array region in Dafny

Issue with Angular 5 Application - "Implementations cannot be declared in ambient contexts"

Detecting the presence of a session in Angular2 and nodejs using express

Sinon is unable to create a mock for a promise

I'm seeking assistance with my PHP code: I'm struggling to access the elements in an array that is a property of an object

What is the best way to retrieve specific JSON data from an array in JavaScript using jQuery, especially when the property is

What is the best way to search through an array in TypeORM?

Sharing precise API information between React components in React Components

In Internet Explorer, the loading time of an Angular 2 webpack application is being delayed by the presence of excessive ".js.map" files

Exploring methods of testing a simple React functional component using Jest, TypeScript, and type annotations

Display an array using the MsgBox function in VBA

What is the mechanism by which the called function interprets the memory location of an array in call by reference?

The JSON object is being sent perfectly under the key "answer" instead of "array"

Struggling to containerize an Angular application

Having trouble with the ngx-slick-carousel installation

Creating a custom grid drag and drop feature within Angular Material adds a dynamic element to your application, going beyond basic list

Updating the value of a radio button prior to triggering the click event

What is the reason behind declaring an array of complex numbers row-wise in fftw?

Neglecting to validate types in the personalized response format within Express

Manipulating arrays of objects using JavaScript