Run results for: Object.keys vs Object.values vs Object.entries creation

Run details:

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

Browser: Chrome 109

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Script Preparation code:

var obj = new Object()
var keys = (new Array(10000)).fill(0).map((x, i) => { return i + 1 })
keys.forEach((x) => { obj['prop' + x] = x })

Tests:

Object keys
const keys = Object.keys(obj); for (let j1 = 0; j1 < keys.length; j1++) { const key = keys[ j1 ]; const value = obj[ key ]; const result = key + value; }
Object entries
const entries = Object.entries(obj); for (let j1 = 0; j1 < entries.length; j1++) { const entry = entries[ j1 ]; const key = entry[0]; const value = entry[1]; const result = key + value; }
Object values
const keys = Object.keys(obj); const values = Object.values(obj); for (let j1 = 0; j1 < keys.length; j1++) { const key = keys[j1]; const value = values[j1]; const result = key + value; }