javascript map vs jquery map vs jquery each vs javascript every vs javascript forEach

JavaScript performance comparison

Revision 5 of this test case created by

Preparation code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<script>
  Benchmark.prototype.setup = function() {
    testArray = [],
    i = 0;
    for (i = 0; i < 1000; 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

<script> Benchmark.prototype.setup = function() { testArray = [], i = 0; for (i = 0; i < 1000; 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>

Test runner

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

Java applet disabled.

Testing in CCBot 2.0.0 / Other 0.0.0
Test Ops/sec
Array.map
// async test
testArray.map(double, testArray);
pending…
jquery map
var result = jQuery.map(testArray, double);
pending…
javascript 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.

0 Comments