Benchmark: for-in vs for of vs object.keys vs object.entries

Script Preparation code:

var obj = {
  'a': 1,
  'b': 1,
  'c': 1,
  'd': 1,
  'e': 1,
  'f': 1,
  'g': 1
};

Tests:

for-in
let result; for (var key in obj) { result += obj[key]; }
Object.keys - forEach
let result; Object.keys(obj).forEach(key => { result += obj[key]; });
Object.keys - for loop
let result; const keys = Object.keys(obj); for (let i = 0; i < keys.length; i++) { result += obj[keys[i]]; }
for of - Object.keys
let result; for (const key of Object.keys(obj)) { result += obj[key]; }
for of - Object.entries
let result; for (const [key, value] of Object.entries(obj)) { result += value; }

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: 5 months ago)

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:120.0) Gecko/20100101 Firefox/120.0

Browser/OS: Firefox 120 on Linux

for-in vs for of vs object.keys vs object.entries (version: 0)