Benchmark: Iterate through a large object

Script Preparation code:

window.obj = {};
for (let i = 0; i < 10000; i++) {
  obj[`p${i}`] = Math.random();
}
delete obj.p0;

Tests:

for in
for (const key in obj) { window.result = obj[key]; }
keys
const keys = Object.keys(obj); for (let i = 0; i < keys.length; i++) { window.result = obj[keys[i]]; }
getOwnPropertyNames
const keys = Object.getOwnPropertyNames(obj); for (let i = 0; i < keys.length; i++) { window.result = obj[keys[i]]; }

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

Browser/OS: Chrome 95 on Mac OS X 10.14.6

Iterate through a large object (version: 0)