Difference in Jquery.each() and Array.prototype.forEach() method [duplicate]

Question

Is there any difference between Jquery.each() and Array.prototype.forEach() method since array.forEach() method can also be used to loop over array-like objects with length property.The only difference i see is placement of arguments ,what else can be the difference in them?

 I found this:
 var obj = { one:1, two:2, three:3, four:4, five:5 };

jQuery.each(obj, function(i, val) {
  $("#" + i).append(document.createTextNode(" - " + val));
});

What i wan to know is ,do jquery.each() invokes function for object without length property??

You changed your question. Now you're asking if jQuery's $.each is overloaded to enumerate any object. Why not just try it? — user2437417
– user2437417, Commented Jul 5, 2013 at 13:34

5 revs, 3 users 88% user2437417 · Accepted Answer · 2019-10-03 20:32:07Z

17

Placement of arguments in the callback.
Quantity of arguments in the callback (The .forEach() gives you get a reference to the original collection.)
Default this value in the callback. (In jQuery it's the current item, in .forEach() it's the JavaScript default)
Ability to manually set the this value in the callback. (jQuery doesn't give this option, .forEach() lets you via a third argument.)
Avoidance of non-defined properties on sparse Arrays. (The .forEach() avoids them, jQuery includes them.)

They're very differently behaving methods. jQuery's doesn't make any attempt to be compliant with or complimentary of the standard behaviors.

edited Oct 3, 2019 at 20:32

community wiki

5 revs, 3 users 88%
user2437417

Sign up to request clarification or add additional context in comments.

1 Comment

Maizere Pathak.Nepal Over a year ago

What i wan to know is ,do jquery.each() invokes function for object without length property??

RobG · Accepted Answer · 2013-07-05 14:01:02Z

5

In addition to Crazy Train's answer:

What i wan to know is ,do jquery.each() invokes function for object without length property??

Read the source:

// args is for internal usage only
each: function( object, callback, args ) {
  var name, i = 0,
      length = object.length,
      isObj = length === undefined || jQuery.isFunction( object );

  if ( args ) {
    ...

  // A special, fast, case for the most common use of each
  } else {

    if ( isObj ) {
      for ( name in object ) {
      }
      ...
    }
  }
  return object;
},

So you can see if there is no length property, or it has the value undefined, then jQuery thinks it's a plain object and will do a for..in loop over the enumerable properties with no guard against inherited properties.

edited Jul 5, 2013 at 14:01

answered Jul 5, 2013 at 13:55

RobG

148k32 gold badges180 silver badges216 bronze badges

Collectives™ on Stack Overflow

Difference in Jquery.each() and Array.prototype.forEach() method [duplicate]

2 Answers 2

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Linked

Related