$.each() vs for(){}

gistfile1.js

var collection = ['a','b','c','d','e'];

// Vanilla JavaScript
var i = 0,
    len = collection.length;
for (; i < len; i += 1) {
    console.log(collection[i]);
}

// jQuery 
$.each(collection, function (i, e) {
    console.log(e);
});


// But, when you use $.each(), jQuery executes this code
each: function( obj, callback, args ) {
    var name,
        i = 0,
        length = obj.length,
        isObj = length === undefined || jQuery.isFunction( obj );

	if ( args ) {
		if ( isObj ) {
			for ( name in obj ) {
				if ( callback.apply( obj[ name ], args ) === false ) {
					break;
				}
			}
		} else {
			for ( ; i < length; ) {
				if ( callback.apply( obj[ i++ ], args ) === false ) {
					break;
				}
			}
		}

	// A special, fast, case for the most common use of each
	} else {
		if ( isObj ) {
			for ( name in obj ) {
				if ( callback.call( obj[ name ], name, obj[ name ] ) === false ) {
					break;
				}
			}
		} else {
			for ( ; i < length; ) {
				if ( callback.call( obj[ i ], i, obj[ i++ ] ) === false ) {
					break;
				}
			}
		}
	}

	return obj;
},