Remove multiple elements from array in Javascript/jQuery

by

There’s always the plain old for loop:

var valuesArr = ["v1","v2","v3","v4","v5"],
    removeValFromIndex = [0,2,4];    

for (var i = removeValFromIndex.length -1; i >= 0; i--)
   valuesArr.splice(removeValFromIndex[i],1);

Go through removeValFromIndex in reverse order and you can .splice() without messing up the indexes of the yet-to-be-removed items.

Note in the above I’ve used the array-literal syntax with square brackets to declare the two arrays. This is the recommended syntax because new Array() use is potentially confusing given that it responds differently depending on how many parameters you pass in.

EDIT: Just saw your comment on another answer about the array of indexes not necessarily being in any particular order. If that’s the case just sort it into descending order before you start:

removeValFromIndex.sort(function(a,b){ return b - a; });

And follow that with whatever looping / $.each() / etc. method you like.

More Related Contents:

  1. Convert form data to JavaScript object with jQuery
  2. Get current URL with jQuery?
  3. jQuery in Greasemonkey 1.0 conflicts with websites using jQuery
  4. var self = this?
  5. Detect viewport orientation, if orientation is Portrait display alert message advising user of instructions
  6. Event when user stops scrolling
  7. Trying to Validate URL Using JavaScript
  8. Trigger event when user scroll to specific element – with jQuery
  9. Keep overflow div scrolled to bottom unless user scrolls up
  10. Check if object is a jQuery object
  11. Can’t get correct return value from an jQuery Ajax call [duplicate]
  12. Microsoft CDN for jQuery or Google CDN? [closed]
  13. Convert an image into binary data in javascript [duplicate]
  14. How to do a horizontal scroll on mouse wheel scroll?
  15. Javascript Debugging line by line using Google Chrome
  16. Wrap tags around http text
  17. Loop through JSON object List
  18. How well does jQuery support backward compatibility?
  19. Can I wrap each line of multi-line text in a span?
  20. Get the domain name of the subdomain Javascript
  21. HTML5 Video Dimensions
  22. jQuery remove options from select
  23. console.log(result) prints [object Object]. How do I get result.name? [duplicate]
  24. jQuery: more than one handler for same event
  25. What does ” [native code] ” mean?
  26. Getting a diff of two json-objects
  27. Regular expression with the cyrillic alphabet
  28. Hour difference between two times(HH:MM:SS a)in momentjs
  29. call the same jQuery function in multiple buttons
  30. Set cursor to specific position on specific line in a textarea

Leave a Comment