Benchmark: For in vs Object.*.forEach

Script Preparation code:

var obj = new Object()
var keys = (new Array(10000)).fill(0).map((x, i) => { return i + 1 })
keys.forEach((x) => { obj['prop' + x] = x })

Tests:

For In
for (var key in obj) { if (obj.hasOwnProperty(key)) console.log(obj[key]) }
Object values forEach
Object.values(obj).forEach(value => console.log(value))
Object keys forEach
Object.keys(obj).forEach(key => console.log(obj[key]))
Object entries forEach
Object.entries(obj).forEach(([key, value]) => console.log(key,'->',value))

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: 2 years ago)

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

Browser/OS: Chrome 95 on Mac OS X 10.15.7

For in vs Object.*.forEach (version: 0)