Run results for: foreach (keys vs values vs entries) vs for...in (simple vs hasOwnProperty vs hasOwn)

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.134 Safari/537.36

Browser: Chrome 103

Operating system: Linux

Device Platform: Desktop

Date tested: 2 years ago

Script Preparation code:

var obj = {};

for (i = 0; i < 1000; ++i) {
  obj[i] = i;
}

Tests:

object with keys
Object.keys(obj).forEach( (key) => key, );
object with values
Object.values(obj).forEach( (value) => value, );
object with entries 1
Object.entries(obj).forEach( (entry) => entry, );
object with entries 2
Object.entries(obj).forEach( ([key, value]) => [key, value], );
simple for...in 1
for (key in obj) { key; }
simple for...in 2
for (key in obj) { obj[key]; }
simple for...in 3
for (key in obj) { [key, obj[key]]; }
for...in with hasOwnProperty 1
for (key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { key; } }
for...in with hasOwnProperty 2
for (key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { obj[key]; } }
for...in with hasOwnProperty 3
for (key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { [key, obj[key]]; } }
for...in with hasOwn 1
for (key in obj) { if (Object.hasOwn(obj, key)) { key; } }
for...in with hasOwn 2
for (key in obj) { if (Object.hasOwn(obj, key)) { obj[key]; } }
for...in with hasOwn 3
for (key in obj) { if (Object.hasOwn(obj, key)) { [key, obj[key]]; } }