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

foreach (keys vs values vs entries) vs for...in (simple vs hasOwnProperty vs hasOwn) (version: 0)

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]]; } }

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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Browser/OS: Chrome 103 on Windows