$().each vs $.each vs for loop in jQuery?

by

Your test is too heavy to really determine the actual difference between the three looping options.

If you want to test looping, then you need to do your best to remove as much non-related work from the test as possible.

As it stands, your test includes:

  • DOM selection
  • DOM traversal
  • element mutation

All of those are quite expensive operations compared to the loops themselves. When removing the extra stuff, the difference between the loops is much more visible.

http://jsperf.com/asdasda223/4

In both Firefox and Chrome, the for loop is well over 100x faster than the others.

enter image description here

More Related Contents:

  1. Multiple ajax calls inside a each() function.. then do something once ALL of them are finished?
  2. jQuery animated number counter from zero to value
  3. Chain ajax and execute it in sequence. Jquery Deferred
  4. Sum numbers returns NaN
  5. Jquery if statement with two class conditions [closed]
  6. How to check if element is visible after scrolling?
  7. Check if an image is loaded (no errors) with jQuery
  8. Required field validations not working in JQuery Popup MVC 4
  9. Comet and jQuery [closed]
  10. jQuery.inArray(), how to use it right?
  11. Get the contents of a table row with a button click
  12. Selected text event trigger in Javascript
  13. How to submit an HTML form without redirection
  14. Is there a DOM event that fires when an HTML select element is closed?
  15. How do I remove tinyMCE and then re-add it?
  16. Convert MySql DateTime stamp into JavaScript’s Date format
  17. get selected text’s html in div
  18. Child element click event trigger the parent click event
  19. Detect if a page has a vertical scrollbar?
  20. How do I abort image load requests without using window.stop()
  21. how to break the _.each function in underscore.js
  22. Performance difference between jQuery’s .live(‘click’, fn) and .click(fn)
  23. Redirect automatically when selecting an item from a select drop-down list
  24. Checking password match while typing
  25. Uploading multiple files asynchronously by blueimp jquery-fileupload
  26. Attach a blob to an input of type file in a form
  27. Post-loading : check if an image is in the browser cache
  28. Combine two selectors with one jQuery object
  29. Pausing CSS animation with javascript and also jumping to a specific place in the animation
  30. fade effect using javascript no jquery?

Leave a Comment