How to remove multiple object from an array in angular 13

Question

Tried to delete multiple object from an array by selecting the checkbox table row. But in my code only 1 item is deleted. Not able to delete multiple selection object. How to resolve this issue?

Demo: https://stackblitz.com/edit/angular-ivy-fflhjh?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.component.html

app.component.ts:

  removeSelectedRow() { 
    this.data2.forEach((value, index) => {
      console.log(value);
      if (value.isSelected === true) {
        this.data2.splice(index, 1);
      }
    });
  }

Answer 1

You can use Array.filter and Array.Includes archieve the result you need. Refer the below code for more reference:

let items = [
  { id: 1, name: 'Item 1' },
  { id: 2, name: 'Item 2' },
  { id: 3, name: 'Item 3' },
  { id: 4, name: 'Item 4' },
  { id: 5, name: 'Item 5' }
];


const itemsToRemove = [2, 4]; // Array of item IDs to be removed


items = items.filter(item => !itemsToRemove.includes(item.id));

console.log(items);