Run results for: keys vs entires vs values vs for...of

Run details:

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: Chrome 104

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

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; }