Benchmark: keys vs entires vs values vs for...of

Script Preparation code:

var obj = {
	visible: '1',
  	value: '2'
}

Tests:

keys
let i = ''; Object.keys(obj).forEach(key => { if (!obj[key]) { return; } i += obj[key]; });
keys with variable
let i = ''; Object.keys(obj).forEach(key => { const value = obj[key]; if (!value) { return; } i += value; });
entries
let i = ''; Object.entries(obj).forEach(([key, value]) => { if (!value) { return; } i += value; });
values
let i = ''; Object.values(obj).forEach((value) => { if (!value) { return; } i += value; });
entries with variable
let i = ''; Object.entries(obj).forEach((entry) => { const [key, value] = entry; if (!value) { return; } i += value; });
for...of
let i = ''; for (const [key, value] of Object.entries(obj)) { if (!value) { return; } i += 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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

Browser/OS: Chrome 104 on Mac OS X 10.15.7

keys vs entires vs values vs for...of (version: 1)