Run results for: For in vs Object.keys for loop vs Object.keys.forEach

Run details:

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

Browser: Chrome 119

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Script Preparation code:

var obj = new Object()
var keys = (new Array(100)).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 keys forEach
Object.keys(obj).forEach(key => console.log(obj[key]))
Object keys For loop
for (let i = 0, keys = Object.keys(obj); i < keys.length; i++) { console.log(obj[keys[i]]); }