jQuery $.each vs. JavaScript .forEach

Question

Take the following two ways of removing an array of elements from the DOM using jQuery:

var collection = [...]; //  An array of jQuery DOM objects  // Using jQuery iteration $(collection).each(function(index, element) { element.remove(); });  // Or as pointed out by Barmar $(collection).remove();  // Using native iteration collection.forEach(function(element) { element.remove(); }); 

Is there any real difference operationally? I'd expect, unless the browser interpreter/compiler is clever enough, that there would be additional unnecessary overhead with the former method, albeit probably minor if the array is small.

Answer 1

Operationally is a bit vague but here is how $.each is implemented.

each implementation

[].forEach() would most likely be implemented in native code for each browser.

Without doing performance testing, they are pretty similar. Although if you can remove jQuery altogether that is at least a few kb the browser does not need to load.