Sostituzione di jQuery ciascuna con

Question

Uso $ .each per fare iterazioni da un po 'di tempo, ma continuo a sentire le persone dire di usare il JS nativo per fare loop. Sono molto preoccupato per le prestazioni, ma non sono sicuro che sia sempre possibile sostituire $ .each con per in modo significativo.

Quindi le mie domande sono, è sempre possibile sostituire $ .each con per, e se non qual è la regola per quando può essere fatto e quando non può.

Ho una ciascuna in questo modo:

$this.find("div.class").each(function(){ 
    var $thisparent = $(this).parent(); 

    if (condition) {   
    $(this).prepend($thisparent.text()); 
    } 

    if (condition2) {   
    $(this).prepend($thisparent.text()); 
    } 

}); 

Answer 1

Questo è ciò che jQuery fa con .each, fondamentalmente:

$.fn.each = function(callback) { 
    var i, length = this.length; 
    for(i = 0; i < length; ++i) { 
     callback.call(this[i]); 
    } 
}; 

Quindi non è difficile sostituire i "contenuti" della funzione anonima con la chiamata callback.call. Basta essere sicuri di sostituire this con un temporaneo con l'oggetto jQuery.

Convertire la vostra codice fornito:

var foo = $this.find("div.class"), 
    fooLength = foo.length, 
    i, 
    $thisparent; 

for (i = 0; i < fooLength; ++i) { 
    $thisparent = $(foo[i]).parent(); 

    if (condition) {   
     $(foo[i]).prepend($thisparent.text()); 
    } 

    if (condition2) {   
     $(foo[i]).prepend($thisparent.text()); 
    } 
} 

Per ulteriori (potenziale) di velocità, la cache foo[i] in una temporanea. anche, e assegnare $thisparent solo quando necessario. Se condition e condition2 si escludono a vicenda, utilizzare un singolo if (condition || condition2).

Answer 2

Qualcuno confrontato le prestazioni di for e $.each:

http://jquery-howto.blogspot.com/2009/06/javascript-for-loop-vs-jquery-each.html