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: 10 months ago

Test name	Executions per second
Object.assign	213415.6 Ops/sec
Normal set	297168.7 Ops/sec
Object.entries	207881.5 Ops/sec
for in loop	200488.0 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]; }

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

Object.assign

Normal set

Object.entries

for in loop