Object keys iteration (v86)

Revision 86 of this benchmark created on

Description

Testing Object.keys vs for-in. I see that SlickGrid uses objects with indexed keys rather than arrays. Confused....

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
  var data = {};
  
  for (var i = 0; i < 10000; i++) {
  
   data[i] =  { foo: 'bar ' + i, bar: null };
  
  }
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
for-in
for (var key in data) {
  data[key];
}
ready
for-in-cached-hasOwnProperty
var ownProp = Object.prototype.hasOwnProperty;
for (var key in data) {
  if (ownProp.call(data, key)) {
    data[key];
  }
}
ready
for-in-no-hasOwnProperty
for (var key in data) {
  data[key];
}
ready
object-keys 3
var keys = Object.keys(data);

for (var i = 0, len = keys.length; i < len; ++i) {
  data[keys[i]];
}
ready
Inverse loop object keys
var keys = Object.keys(data);

for (var i = keys.length - 1; i >= 0; i--) {
  data[keys[i]];
}
ready
...
var keys = Object.keys(data);

for (var i = keys.length - 1; i >= 0; --i) {
  data[keys[i]];
}
ready
var keys = Object.keys(data);

for (var i = 0, len = keys.length; i < len; i++) {
  data[keys[i]];
}
ready
Concise inverse iteration
var keys = Object.keys(data);

for (var i = keys.length; i--;) {
  data[keys[i]];
}
ready
Non-cached keys with implicit length
for (var i = 0, key; key = Object.keys(data)[i]; ++i) {
  data[key];
}
ready
Cached keys with non cached length
var keys = Object.keys(data);

for (var i = 0; keys.length < i; i++) {
  data[keys[i]];
}
ready
Iniline cached keys with non cached length
for (var i = 0, keys = Object.keys(data); keys.length < i; i++) {
  data[keys[i]];
}
ready
For loop as a helper function
var forKeyInObject = function(object, cb) {
  for (var i = 0, keys = Object.keys(object); keys.length < i; i++) {
    cb.call(object, keys[i], object[keys[i]]);
  }
}

forKeyInObject(data, function(key, value) {
    return value;
  }
);
ready

Revisions

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