Bulk delete in array by using typescript

Question

I want to do bulk delete from an array using typescript.

I did it by using for loop.

this.versions = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
this.selectedVersions = [1, 2, 3, 4, 5, 6];
for (let i = 0; i < this.selectedVersions.length; i++) {
  this.versions = this.removeObjectFromArray(this.versions, this.selectedVersions[i]);
}


//removing a object from array
removeObjectFromArray(listOfdata: any, data: any) {
  let index = listOfdata.findIndex(function (o) {
    return o === data;
  })
  listOfdata.splice(index, 1);
  return listOfdata;
}

But I don't like to use for loop.so let me know how to do bulk delete in array using typescript.

score 5 · Accepted Answer · answered Oct 24 '17 at 14:26

5

You can just use array filter:

var versions = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
var selectedVersions = [1, 2, 3, 4, 5, 6];

versions = versions.filter(el => !selectedVersions.includes(el));
console.log(versions);

answered Oct 24 '17 at 14:26

Faly

13,291
2
19
37

Rahul Singh · Answer 2 · 2017-10-24T14:32:52.637

2

Make use of array.filter and filter the contents of the arrays based on the condition

let versions = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
let selectedVersions = [1, 2, 3, 4, 5, 6];
versions = versions.filter(arrayVal => selectedVersions.indexOf(arrayVal) == -1 );
// checks for the values of selected Versions agains each value of versions and returns accordindly
console.log(versions)

edited Oct 24 '17 at 14:32

answered Oct 24 '17 at 14:26

Rahul Singh

19,030
11
64
86

Just curious, is there a reason you don't use includes instead of indexOf? – Matt Oct 24 '17 at 14:54
I didn't see to it really @Matt this was the first thing that stuck my small mind :p – Rahul Singh Oct 24 '17 at 14:58
It's fine either way. Both works. Just was curious if it was a performance thing or not. – Matt Oct 24 '17 at 15:02

score 2 · Answer 3 · answered Oct 24 '17 at 14:27

2

Use a filter

// will only keep elements that are not included in selectedVersions
this.versions = this.versions.filter(i => !this.selectedVersions.includes(i));

answered Oct 24 '17 at 14:27

BeetleJuice

39,516
19
105
165

score 1 · Answer 4 · answered Oct 24 '17 at 14:25

1

I think you can use indexOf, like this:

this.versions = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
this.selectedVersions = [1, 2, 3, 4, 5, 6];
  for (let i = 0; i < this.selectedVersions.length; i++)  
  {  
if(this.versions.indexOf(this.selectedVersions[i])!==-1){
this.versions.splice(index, 1);
}
  }

answered Oct 24 '17 at 14:25

Álvaro Touzón

1,247
1
8
21

Actually I don't want use for loops. – Ramesh Rajendran Oct 24 '17 at 14:29

score 1 · Answer 5 · answered Oct 24 '17 at 14:29

1

I would personally use a filter for this to preserve the original arrays:

let nonSelectedVersions = this.versions.filter((e) => this.selectedVersions.indexOf(e) !== -1);

answered Oct 24 '17 at 14:29

citizen conn

15,300
3
58
80

score 0 · Answer 6 · answered Oct 24 '17 at 14:27

0

Use array.filter() instead of for loop

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

answered Oct 24 '17 at 14:27

bukke hari prasad

168
7

score 0 · Answer 7 · answered Oct 24 '17 at 14:40

Typescript is the same as javascript, you can us all your knowledges from JS.

How do I remove a particular element from an array in JavaScript?

You can use for-of loop as well, if you TS compiler support

var versions = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
var selectedVersions = [1, 2, 3, 4, 5, 6];
    for ( val of  selectedVersions)  {        
       if(selectedVersions.indexOf(val)!=-1){
           versions.splice(versions.indexOf(val), 1);
       }
    }

Bulk delete in array by using typescript

7 Answers7

Linked