velocità di [] .forEach.call (...

Question

io sono un grande fan di utilizzare il metodo forEach su nodeLists come questo:

var nodes = document.querySelectorAll(".foo"); 

[].forEach.call(nodes, function (item) { 
    //do stuff with item 
}); 

Mi chiedevo però, non facendo in questo modo prendere più lungo la strada normale? esempio

for(var i=0;i<nodes.length;i++){ 
    //do stuff with nodes[i]; 
} 

Answer 1

Ecco una nice performance comparison. In base ad esso Array.forEach è più lento di un ciclo for nativo.

Answer 2

E Depen ds sul browser. E non dimenticarti di quando() che è il più veloce su Firefox 4. Here's a comparison.

Inoltre, tieni presente che se stai supportando i browser meno recenti che non supportano per Each, è necessario aggiungere il tempo necessario a implement a polyfill.

Answer 3

So che è un vecchio post ma l'utilizzo del metodo forEach può essere eseguito anche rubando il prototipo di Array.

NodeList.prototype.forEach = Array.prototype.forEach;