Javascript Remove data from array function

Question

I have an array and here's how it looks:

{id:"1", videotype:"youtube", videoId:"y685gVGRQ98"},{id:"2", videotype:"youtube", videoId:"CtjuDJytD18"}

Each entry has an Id.

I need a function to remove all entries belonging to the chosen Id.

for example:

removeFromArray(2);

It would then remove all this: id:"2", videotype:"youtube", videoId:"CtjuDJytD18"

Are you talking about `.splice()` ? __unclear what you're asking__ — Rayon, May 03 '16 at 11:11
How have you not found out about splice when searching for this? — Patrick, May 03 '16 at 11:12
Possible duplicate of [Remove a particular element from an array in JavaScript?](http://stackoverflow.com/questions/5767325/remove-a-particular-element-from-an-array-in-javascript) — Patrick, May 03 '16 at 11:12

overburn · Answer 1 · 2016-05-03T13:10:02.497

1

Modified for the updated question:

blacklistedId = 1;

newArray = oldArray.filter(function(value) {
    return value.id != blacklistedId;
});

edited May 03 '16 at 13:10

answered May 03 '16 at 11:13

overburn

1,194
9
27

I'm not trying to delete single elements. I've changed the question, please have a read if you don't mind, thanks. – Satch3000 May 03 '16 at 13:03
It ended up being the same as the other answer though :D – overburn May 03 '16 at 13:14

gurvinder372 · Accepted Answer · 2016-05-03T13:31:54.310

1

My question is...How do I do to remove a specific entry?

You can write another method

removeDataToArray: function(id, videotype, videoId) {
       var videoArray = JSON.parse(document.getElementById("videoLinksArray").innerHTML);
       //filter out item that matches the id, videoType and videoId
       videoArray = videoArray.filter( function(val){
          return !( val.id == id && val.videoType == videoType && val.videoId == videoId );
       });
       document.getElementById("videoLinksArray").innerHTML = JSON.stringify( videoArray );
},

It would be more like: removeDataFromArray(id) and it would know the unique id of the entry

Then the filter will change to

       videoArray = videoArray.filter( function(val){
          return val.id != id;
       });

Edit

removeFromArray(2);

It would then remove all this: id:"2", videotype:"youtube", videoId:"CtjuDJytD18"

removeDataToArray: function(id) {
       var videoArray = JSON.parse(document.getElementById("videoLinksArray").innerHTML);
       //filter out item that match the id
       videoArray = videoArray.filter( function(val){
          return val.id != String( id ) ;
       });
       document.getElementById("videoLinksArray").innerHTML = JSON.stringify( videoArray );
},

edited May 03 '16 at 13:31

answered May 03 '16 at 11:14

gurvinder372

66,980
10
72
94

@overburn that is if you already know the index. For knowing the index you still need to iterate the array. – gurvinder372 May 03 '16 at 11:19
@Satch3000 Okay, added the changes for that as well. – gurvinder372 May 03 '16 at 11:35
You need to convert it to String before comparison. – gurvinder372 May 03 '16 at 13:09
@Satch3000 check now – gurvinder372 May 03 '16 at 13:32
@Satch3000 can you share the output of `document.getElementById("videoLinksArray").innerHTML` ? Looks like it is not a valid JSON – gurvinder372 May 03 '16 at 13:36
@Satch3000 this is not a valid JSON. It needs to be surrounded by `[` and `]` – gurvinder372 May 03 '16 at 13:46
@Satch3000 how are you making this JSON array? – gurvinder372 May 03 '16 at 13:49
@Satch3000 Rather than constructing the JSON String, populate the object. like `var vdoData = { id : id, videotype : videotype, videoId : videoId }` Add this to array as `videoArray.push(vdoData)` – gurvinder372 May 03 '16 at 14:05
1

@Satch3000 yes, you need to `JSON.stringify(array)` before setting to innerHTML. – gurvinder372 May 03 '16 at 14:13

Mosd · Answer 3 · 2016-05-03T16:56:20.213

0

Consider using utility library like underscore:

var desired_list = removeFromList([{id:"1", videotype:"youtube", videoId:"y685gVGRQ98"},{id:"2", videotype:"youtube", videoId:"CtjuDJytD18"}], "1");

function removeFromList(list, id) {
   return _.reject(list, function(val){return val.id == id});
}

enjoy

edited May 03 '16 at 16:56

answered May 03 '16 at 14:24

Mosd

1,640
19
22

Javascript Remove data from array function

3 Answers3