Run results for: for-in vs for..of object.keys

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.69 Safari/537.36

Browser: Chrome 95

Operating system: Linux

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
for-in	0.9 Ops/sec
Object.keys	0.7 Ops/sec
for..of Object.keys	0.9 Ops/sec

Script Preparation code:

var obj = {
    'a': 1,
    'b': 1,
    'c': 1,
    'd': 1,
    'e': 1,
    'f': 1,
    'g': 1,
    'h': 1,
    'i': 1,
    'j': 1,
    'k': 1,
    'l': 1,
    'm': 1,
    'n': 1,
    'o': 1,
    'p': 1,
    'q': 1,
    'r': 1,
    's': 1,
    't': 1,
    'u': 1,
    'v': 1,
    'w': 1,
    'x': 1,
    'y': 1,
    'z': 1,
};

Tests:

for-in
for (let i=10000; i > 0; i--) { for (const key in obj) { console.log(key); } }
Object.keys
for (let i=10000; i > 0; i--) { Object.keys(obj).forEach(key => console.log(key)); }
for..of Object.keys
for (let i=10000; i > 0; i--) { for (const key of Object.keys(obj)) { console.log(key); } }

Run results for: for-in vs for..of object.keys

for-in

Object.keys

for..of Object.keys