Run results for: Object.assign vs normal set vs object iterate

Run details:

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

Browser: Chrome 120

Operating system: Linux

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

Normal set

297K/s

Object.assign

213K/s

Object.entries

208K/s

for in loop

200K/s

View exact numbers

Test name	Executions per second
✓ Normal set	297,169 Ops/sec
Object.assign	213,416 Ops/sec
Object.entries	207,882 Ops/sec
for in loop	200,488 Ops/sec

Script Preparation code:

data = {
    innerText: 'Apply Now',
    href: 'https://example.com',
    className: 'link',
    target: '_blank',
    rel: 'noopener noreferrer'
};

Tests:

Object.assign
Object.assign(document.createElement('a'), data);
Normal set
const link = document.createElement('a'); link.innerText = 'Apply Now'; link.href = 'https://example.com'; link.className = 'link'; link.target = '_blank'; link.rel = 'noopener noreferrer';
Object.entries
const link = document.createElement('a'); for (const [key, value] of Object.entries(data)) { link[key] = value; }
for in loop
const link = document.createElement('a'); for (const key in data) { link[key] = data[key]; }