Benchmark: Consume Object.entries vs for..in 2022

Script Preparation code:

var obj = {
	a: 1,
    b: 2,
	c: 3,
	d: 4,
	0: 'a',
  	1: 'b',
  	str: 'long string',
	nested: {
    	nested: 0
    },
	hello: 55.5
};

Tests:

Object.entries forEach
for (let i = 0; i < 10000; i++) { Object.entries(obj).forEach(([key, value]) => console.log(key, value)) }
for..in
for (let i = 0; i < 10000; i++) { for (const key in obj) { console.log(key, obj[key]) } }
for..in with Object.entries
for (let i = 0; i < 10000; i++) { for (const [key, value] of Object.entries(obj)) { console.log(key, 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: one year ago)

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.0 Mobile/15E148 Safari/604.1

Browser/OS: Mobile Safari 15 on iOS 15.0

Consume Object.entries vs for..in 2022 (version: 0)