Performance of Array vs. Object (v104)

Revision 104 of this benchmark created on

Description

After seeing http://jsperf.com/javascript-associative-vs-non-associative-arrays, I thought the test could be improved.

Preparation HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script>

Setup

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

Test runner

Ready to run.

Testing in
TestOps/sec
Array Performance
var sum = 0;
for (var x = 0, len = arr.length; x < len; ++x) {
  sum += arr[x].payload
}
ready
Object Performance
var sum = 0;
for (var x in obj) {
  sum += obj[x].payload;
}
ready
Object Performance using known length
var sum = 0;
for (var x = 0; x < 10000; ++x) {
  sum += obj[x].payload
}
ready
Using Object.keys()
var sum = 0;
var keys = Object.keys(obj);
for (var x = 0, len = keys.length; x < len; ++x) {
  sum += obj[keys[x]].payload
}
ready
Array Performance known length
var sum = 0;
for (var x = 0; x < 10000; ++x) {
  sum += arr[x].payload
}
ready
lo-dash Array performance
var sum = 0;
_.each(arr, function(x) {
  sum += x.payload;
});
ready
lo-dash Object performance
var sum = 0;
_.each(arr, function(val) {
  sum += val.payload;
});
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.