Run results for: JavaScript spread operator vs Object.assign performance vs assign

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 11_0_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36

Browser: Chrome 87

Operating system: Mac OS X 11.0.1

Device Platform: Desktop

Date tested: 3 years ago

Tests:

Using the spread operator
var firstObject = { sampleData: 'Hello world' }; var finalObject = { ...firstObject, attr1: 'value 1', attr2: 'value 2', attr3: 'value 3', attr4: 'value 3', attr5: 'value 3', attr6: 'value 3', attr7: 'value 3', attr8: 'value 3', attr9: 'value 3', attr10: 'value 3', attr11: 'value 3' };
Using Object.assign
var firstObject = { sampleData: 'Hello world' }; var finalObject = Object.assign(firstObject, { attr1: 'value 1', attr2: 'value 2', attr3: 'value 3', attr4: 'value 3', attr5: 'value 3', attr6: 'value 3', attr7: 'value 3', attr8: 'value 3', attr9: 'value 3', attr10: 'value 3', attr11: 'value 3' });
using assign
var firstObject = { sampleData: 'Hello world' }; firstObject.attr1= 'value 1'; firstObject.attr2= 'value 2'; firstObject.attr3= 'value 3'; firstObject.attr4= 'value 3'; firstObject.attr5= 'value 3'; firstObject.attr6= 'value 3'; firstObject.attr7= 'value 3'; firstObject.attr8= 'value 3'; firstObject.attr9= 'value 3'; firstObject.attr10= 'value 3'; firstObject.attr11= 'value 3';