Benchmark: JavaScript spread operator vs Object.assign performance vs Multiple statementd

Tests:

Using the spread operator
let firstObject = { sampleData: 'Hello world' } const secondObject = { sampleData: 'Overwritten', moreData: 'foo bar' } firstObject = { ...firstObject, ...secondObject };
Using Object.assign
const firstObject = { sampleData: 'Hello world' } const secondObject = { sampleData: 'Overwritten', moreData: 'foo bar' } Object.assign(firstObject, secondObject);
Multiple statements
const firstObject = { sampleData: 'Hello world' } const secondObject = { sampleData: 'Overwritten', moreData: 'foo bar' } firstObject.sampleData = secondObject.sampleData; firstObject.moreData = secondObject.moreData;

Rendered benchmark preparation results:

Previous results

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: 2 years ago)

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:91.0) Gecko/20100101 Firefox/91.0

Browser/OS: Firefox 91 on Linux

JavaScript spread operator vs Object.assign performance vs Multiple statementd (version: 0)