Benchmark: for-in hasOwnProperty vs object.keys for-of test vs for-in

Script Preparation code:

var obj = {
  'a': 1,
  'b': 1,
  'c': 1,
  'd': 1,
  'e': 1,
  'f': 1,
  'g': 1
};

Tests:

for-in hasOwnProperty
for (var i=10000; i > 0; i--) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { console.log(key); } } }
Object.keys for-of
for (var i=10000; i > 0; i--) { const keys = Object.keys(obj); for (const key of keys) { console.log(key); } }
for-in
for (var i=10000; i > 0; i--) { for (var key in obj) { console.log(key); } }

Rendered benchmark preparation results:

Previous results

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:104.0) Gecko/20100101 Firefox/104.0

Browser/OS: Firefox 104 on Windows

for-in hasOwnProperty vs object.keys for-of test vs for-in (version: 0)