Benchmark: Test case: Spread vs Object.assign

Tests:

Merge 2 Objects with spread
const firstObject = { "sampleData": "Hello world" }; const secondObject = { "test": "ValueOfTest", "debug": "on", "window": { "title": "Sample Konfabulator Widget", "name": "main_window", "width": 500, "height": 500 }, "image": { "src": "Images/Sun.png", "name": "sun1", "hOffset": 250, "vOffset": 250, "alignment": "center" }, "text": { "data": "Click Here", "size": 36, "style": "bold", "name": "text1", "hOffset": 250, "vOffset": 100, "alignment": "center", "onMouseUp": "sun1.opacity = (sun1.opacity / 100) * 90;" } }; const finalObject = { ...firstObject, ...secondObject };
Merge 2 Objects with Object.assign
const firstObject = { "sampleData": "Hello world" }; const secondObject = { "test": "ValueOfTest", "debug": "on", "window": { "title": "Sample Konfabulator Widget", "name": "main_window", "width": 500, "height": 500 }, "image": { "src": "Images/Sun.png", "name": "sun1", "hOffset": 250, "vOffset": 250, "alignment": "center" }, "text": { "data": "Click Here", "size": 36, "style": "bold", "name": "text1", "hOffset": 250, "vOffset": 100, "alignment": "center", "onMouseUp": "sun1.opacity = (sun1.opacity / 100) * 90;" } }; const finalObject = Object.assign({}, firstObject, secondObject);
Add/Edit one object with spread
const firstObject = { "test": "ValueOfTest", "debug": "on", "window": { "title": "Sample Konfabulator Widget", "name": "main_window", "width": 500, "height": 500 }, "image": { "src": "Images/Sun.png", "name": "sun1", "hOffset": 250, "vOffset": 250, "alignment": "center" }, "text": { "data": "Click Here", "size": 36, "style": "bold", "name": "text1", "hOffset": 250, "vOffset": 100, "alignment": "center", "onMouseUp": "sun1.opacity = (sun1.opacity / 100) * 90;" } }; const finalObject = { ...firstObject, test:"ValueOfTest 2" };
Add/Edit one object with object.assign
const firstObject = { "test": "ValueOfTest", "debug": "on", "window": { "title": "Sample Konfabulator Widget", "name": "main_window", "width": 500, "height": 500 }, "image": { "src": "Images/Sun.png", "name": "sun1", "hOffset": 250, "vOffset": 250, "alignment": "center" }, "text": { "data": "Click Here", "size": 36, "style": "bold", "name": "text1", "hOffset": 250, "vOffset": 100, "alignment": "center", "onMouseUp": "sun1.opacity = (sun1.opacity / 100) * 90;" } }; const finalObject = Object.assign({}, firstObject, {test: "ValueOfTest 2"});

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Merge 2 Objects with spread
Merge 2 Objects with Object.assign
Add/Edit one object with spread
Add/Edit one object with object.assign

Fastest: N/A

Slowest: N/A

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

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: one year ago)

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

Browser/OS: Firefox 105 on Windows

View result in a separate tab

Test name	Executions per second
Merge 2 Objects with spread	2649407.0 Ops/sec
Merge 2 Objects with Object.assign	3473269.0 Ops/sec
Add/Edit one object with spread	4568450.0 Ops/sec
Add/Edit one object with object.assign	3906350.0 Ops/sec

Test case: Spread vs Object.assign (version: 5)

Comparing performance of: Merge 2 Objects with spread vs Merge 2 Objects with Object.assign vs Add/Edit one object with spread vs Add/Edit one object with object.assign

Created: 5 years ago by: Registered User

Jump to the latest result

Merge 2 Objects with spread

Merge 2 Objects with Object.assign

Add/Edit one object with spread

Add/Edit one object with object.assign

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A