Run results for: Loop through object keys

Run details:

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

Browser: Chrome 131

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 3 months ago

Test name	Executions per second
for...in Loop	30422912.0 Ops/sec
Object.keys() with for	61123536.0 Ops/sec
Object.entries() with for...of	32705400.0 Ops/sec
Object.keys with for...of	58251860.0 Ops/sec
Object.keys() with forEach	57581752.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