Run results for: Loop through object keys

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:135.0) Gecko/20100101 Firefox/135.0

Browser: Firefox 135

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
for...in Loop	33420386.0 Ops/sec
Object.keys() with for	31143414.0 Ops/sec
Object.entries() with for...of	9706823.0 Ops/sec
Object.keys with for...of	17162752.0 Ops/sec
Object.keys() with forEach	18477936.0 Ops/sec

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

let items = {
    one: {
        label: 'One'
    },
    two: {
        label: 'Two'
    },
    three: {
        label: 'Three'
    },
    four: {
        label: 'Four'
    }
}

function doStuff(e) {}

Tests:

for...in Loop
for (const key in items) { if (items.hasOwnProperty(key)) { doStuff(key) } }
Object.keys() with for
const keys = Object.keys(items); for (let i = 0; i < keys.length; i++) { doStuff(keys[i]) }
Object.entries() with for...of
for (const [key, value] of Object.entries(items)) { doStuff(key) }
Object.keys with for...of
for (const key of Object.keys(items)) { doStuff(key) }
Object.keys() with forEach
Object.keys(items).forEach(key => { doStuff(key) })

Run results for: Loop through object keys

for...in Loop

Object.keys() with for

Object.entries() with for...of

Object.keys with for...of

Object.keys() with forEach