map vs native for loop

JavaScript performance comparison

Test case created

Info

test the performance of the jquery map versus a native for loop map

Preparation code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 
<script>
Benchmark.prototype.setup = function() {
    testArray = new Array(100);
    for(var i = 0; i < 100; i++) {
      testArray[i] = i;
    }
   
    map = function(array, mapFunction) {
      var newArray = new Array(array.length);
      for(var i = 0; i < array.length; i++) {
        newArray[i] = mapFunction(array[i]);
      }
   
      return newArray;
    }
   
    double =function(x) {
      return x*2;
    }
   
};
</script>

Preparation code output

Test runner

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

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
jquery map
var result = $.map(testArray, double);
pending…
for loop map
var result = map(testArray, double);
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:

1 comment

Ceane Lamerez commented :

This test is flawed! This is a JS constructed map function (that could be rewritten to be made even faster), instead of the ES5 map feature. This should be rewritten to add that case.

Comment form temporarily disabled.

Add a comment