We also explored multiple scenarios such as inspecting an array of strings, inspecting an array of objects, inspecting objects and inspecting jQuery DOM objects.

We discussed the simple syntax, as well as the two arguments that are used in the callback. In this article we learned a bit about the jQuery.each() method. So, as you can see, there is a ton of flexibility here and you are only limited by your imagination. We certainly could have done much more here, but the point of the example is that you can abstract any aspect of this that you like. Phew! So, on each iteration of the callback (which is really the variable “inspect”, which is a function), we output the contents of that object to the console. The data we have provided in an array, and each element of that array is an object with some user account data. So, that function will be called for every element provided in the data. Instead of providing an inline anonymous function, we provide a reference to a variable that is a function: “inspect”. each (, inspect ) Īnd here, in Example # 7, we have abstracted the callback. It is a more generalized method that can be used to iterate over any object, array or array-like object. The jQuery.each() method is a static method of the jQuery object. It is very similar, but that syntax is meant especially for DOM collections. each() method on the collection that is returned, you are calling a different method in jQuery. When you pass a CSS selector to jQuery and then call the. It is important to make sure you understand that this is not the same thing as the $().each() method. If you are using jQuery, then the static. If you are not able to use jQuery then that is your go-to tool for object inspection. It’s no secret that I am a huge fan of the JavaScript “For/In” loop. Keep in mind that in JavaScript, there are different kinds of objects.

So even in the simplest of scenarios, at some point you are likely to encounter an object and you need to inspect it. Working with JavaScript means working with Objects. The jQuery.each() method makes it trivial to iterate over or inspect any kind of collection: arrays, objects, array-like objects, even jQuery DOM Objects.

Javascript for each object