MeasureThat.net

Run results for: forEach vs for vs Query each

with <link>

Go to the benchmark
Run details:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.90 Safari/537.36
Chrome 54
Linux
Other
8 years ago
Test name Executions per second
forEach (Native) 672.1 Ops/sec
for (Native) 715.4 Ops/sec
each (jQuery) 655.7 Ops/sec
HTML Preparation code:
AخA
 
1
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
2
<link rel="stylesheet" href="style.min.css" type="text/css">
3
<link rel="stylesheet" href="style.min.css" type="text/css">
4
<link rel="stylesheet" href="style.min.css" type="text/css">
5
<link rel="stylesheet" href="style.min.css" type="text/css">
6
<link rel="stylesheet" href="style.min.css" type="text/css">
Tests:

  • forEach (Native)

     
    var linkEls = document.querySelectorAll('link[href*=".min.css"]');
    [].forEach.call(linkEls,function(el){
      console.log(el);
    });

  • for (Native)

     
    var linkEls = document.querySelectorAll('link[href*=".min.css"]');
    for(var i = 0; i < linkEls.length; i++) {
        var el = linkEls[i];
        console.log(el);
    }

  • each (jQuery)

     
    $('link[href*=".min.css"]').each(function(){
      console.log(this);
    });