Run results for: Loop through object keys

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.2 Safari/605.1.15

Browser: Safari 18

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Object.keys() with for

137.8M/s

Object.keys with for...of

102.7M/s

Object.keys() with forEach

96.8M/s

for...in Loop

65.3M/s

Object.entries() with for...of

9.2M/s

View exact numbers

Test name	Executions per second
✓ Object.keys() with for	137,837,184 Ops/sec
Object.keys with for...of	102,728,160 Ops/sec
Object.keys() with forEach	96,794,120 Ops/sec
for...in Loop	65,342,544 Ops/sec
Object.entries() with for...of	9,198,728 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) })