How can I completely remove an object from an array in Javascript?

Question

I have been using the following code:

formData.objectiveDetails.push(emptyObjectiveDetail);

This pushes a new emptyObjectiveDetail object onto the end of an array called objectiveDetails.

If for example the array of objectiveDetails contains 13 objects then how could I remove the one at position 5? I assume I could make this null but what I want to do is to completely remove it so the length of the array becomes 12.

This might be off topic but I have been considering adding underscore.js. Is this something that could be done with underscore?

Answer 1

formData.objectiveDetails.splice(5, 1)

First argument is the array index and the second the number of items to remove starting from that index.

Answer 2

You can use Splice to remove the object from the array. Something like this:-

formData.objectiveDetails.splice(5, 1)

• Alan2: Okay that looks good. So I guess underscore isn't really needed here. If I was using underscore would there be an equivalent?

Answer 3

Using underscore.js

objectiveDetails = _.without(objectiveDetails, _.findWhere(arr, {id: 5}));

• Alan2: Thanks very much. Actually it looks a bit more complicated than not using _underscore. If you were doing this would you use splice or underscore?
• geekchic: Well, if you just needed it for this particular operation, I would go with splice. But if you needed more specific function helpers, then I'd add underscore.js