Benchmark: for-in vs Object.keys.forEach vs Object.keys with for loop

Script Preparation code:

var obj = {
    'a': 1,
    'b': 2,
    'c': 3,
    'd': 4,
    'e': 5,
    'f': 6,
    'g': 7
};

Tests:

for-in
for (var i = 10000; i > 0; i--) { for (var key in obj) { if (obj.hasOwnProperty(key)) { console.log(obj[key]); } } }
Object.keys.forEach
for (var i=10000; i > 0; i--) { Object.keys(obj).forEach(key => console.log(obj[key])); }
Object.keys with for loop
for (var i=10000; i > 0; i--) { for (var key of Object.keys(obj)) { console.log(obj[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: 3 years ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.116 Safari/537.36

Browser/OS: Chrome 83 on Mac OS X 10.12.6

for-in vs Object.keys.forEach vs Object.keys with for loop (version: 0)