foreach vs while dom elements (v2)

Revision 2 of this benchmark created on


Description

Checking the speed difference when looping through nodes between using foreach and a standard while.

Preparation HTML

<ol>
<li>Testing</li>
<li>Testing</li>
<li>Testing</li>
<li>Testing</li>
<li>Testing</li>
<li>Testing</li>
<li>Testing</li>
<li>Testing</li>
<li>Testing</li>
<li>Testing</li>
<li>Testing</li>
<li>Testing</li>
<li>Testing</li>
<li>Testing</li>
<li>Testing</li>
<li>Testing</li>
<li>Testing</li>
<li>Testing</li>
<li>Testing</li>
<li>Testing</li>
<li>Testing</li>
<li>Testing</li>
<li>Testing</li>
<li>Testing</li>
<li>Testing</li>
<li>Testing</li>
<li>Testing</li>
<li>Testing</li>
<li>Testing</li>
<li>Testing</li></ol>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

Test runner

Ready to run.

Testing in
TestOps/sec
foreach
[].forEach.call(document.getElementsByTagName("li"), function(el){var test=el.innerText;});
ready
while
var els = document.getElementsByTagName("li"),
    len = els.length;

while(len--){
    var test = els[len].innerText;
}
 
ready
for
var els = document.getElementsByTagName("li")

for(var i = 0, el; el = els[i]; ++i){
    var test = el.innerText;
}
 
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.