for/closure vs forEach

JavaScript performance comparison

Test case created by Josh

Preparation code

 
<script>
Benchmark.prototype.setup = function() {
    var values = [];
    var sum = 0;
   
    for(var i = 0; i < 10000; i++) {
        values[i] = Math.random();
    }
};

Benchmark.prototype.teardown = function() {
    var values = [];
    var sum = 0;
};
</script>

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
for
for(i = 0, arrLength = values.length; i < arrLength; i++) {
    sum = sum + values[i];
}
pending…
for + closure
for(i = 0, arrLength = values.length; i < arrLength; i++) {
    (function(unit) {
        sum = sum + unit;
    })(values[i]);
}
pending…
forEach
values.forEach(function(element) {
    sum = sum + element;
});
pending…

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

0 comments

Add a comment