Performance of Array vs. Object

JavaScript performance comparison

Revision 190 of this test case created by Antony

Preparation code 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

      

      <script>

        Benchmark.prototype.setup = function() {

          
  var arr = [],
      i,
      obj = {};
  for(i = 0; i < 10000; i += 1) {
      var o = {payload:i};
      arr.push(o);
      obj[i] = o;
  }
  

        
  };


      
</script>

Preparation code output

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 Performance 
var sum = 0;
for (var x=0; x<arr.length; ++x) {
    sum += arr[x].payload
}
 pending…
Object Performance 
var sum = 0;
for (var x in obj) {
    sum += obj[x].payload;
}
 pending…
Object Performance using known length 
var sum = 0;
for (var x=0; x<10000; ++x) {
    sum += obj[x].payload
}
 pending…
Using Object.keys() 
var sum = 0;
var keys = Object.keys(obj);
for (var x=0; x<keys.length; ++x) {
    sum += obj[keys[x]].payload
}
 pending…
Using Object.keys(), cached length, assuming object is arraylike 
var sum = 0;
var len = Object.keys(obj).length;
for (var x=0; x<len; ++x) {
    sum += obj[x].payload
}
 pending…
Array Performance known length 
var sum = 0;
for (var x=0; x<10000; ++x) {
    sum += arr[x].payload
}
 pending…
just testing len portion of test 5 
var len = Object.keys(obj).length;
 pending…
Object using jquery $.each 
var sum = 0;
$.each(obj, function(key, value) {
   sum += value.payload;
});
 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