Benchmark: for-in vs object.keys.for-loop vs object.keys.forEach

Script Preparation code:

const OBJ = {
  'a': 1,
  'b': 1,
  'c': 1,
  'd': 1,
  'e': 1,
  'f': 1,
  'g': 1
};
const RUNS = 10_000;

Tests:

for-in
for (let i = 0; i < RUNS; i++) { const arr = []; for (const key in OBJ) { arr.push(key); } }
Object.keys() -> for-loop
for (let i = 0; i < RUNS; i++) { const arr = []; const keys = Object.keys(OBJ) for (let i = 0; i < keys.length; i++) { arr.push(keys[i]); }; }
Object.keys() -> for-each
for (let i = 0; i < RUNS; i++) { const arr = []; Object.keys(OBJ).forEach(key => arr.push(key)); }

Rendered benchmark preparation results:

Previous results

Latest run results:

Run details: (Test run date: 5 months ago)

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

Browser/OS: Chrome 142 on Mac OS X 10.15.7

Related benchmarks:

for-in vs object.keys.for-loop vs object.keys.forEach (version: 1)