Benchmark: Spread operator vs Object.assign vs Object.create V2

Script Preparation code:

for (i = 0; i < 10; i++) {}

Tests:

Test Spread operator
const firstObject = { sampleData: 'Hello world', sampleMethod: () => { return true; } }; const secondObject = {...firstObject}; Object.keys(firstObject).forEach((key) => { if (RegExp('Method').test(key)) { Object.defineProperty(secondObject, key, { value: undefined }); } });
Test Object.create
const firstObject = { sampleData: 'Hello world', sampleMethod: () => { return true; } }; const secondObject = Object.create(Object.getPrototypeOf(firstObject), Object.getOwnPropertyDescriptors(firstObject)); Object.keys(firstObject).forEach((key) => { if (RegExp('Method').test(key)) { Object.defineProperty(secondObject, key, { value: undefined }); } });
Test Object.assign
const firstObject = { sampleData: 'Hello world', sampleMethod: () => { return true; } }; const secondObject = Object.assign({}, firstObject); Object.setPrototypeOf(secondObject, Object.getPrototypeOf(firstObject)); Object.keys(firstObject).forEach((key) => { if (RegExp('Method').test(key)) { Object.defineProperty(secondObject, key, { value: undefined }); } });

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: 3 years ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:77.0) Gecko/20100101 Firefox/77.0

Browser/OS: Firefox 77 on Windows

Spread operator vs Object.assign vs Object.create V2 (version: 0)