Benchmark: JavaScript spread operator vs Object.assign performance vs Elm builtin update

Script Preparation code:


function _Utils_update(oldRecord, updatedFields)
{
	var newRecord = {};

	for (var key in oldRecord)
	{
		newRecord[key] = oldRecord[key];
	}

	for (var key in updatedFields)
	{
		newRecord[key] = updatedFields[key];
	}

	return newRecord;
}

Tests:

Using the spread operator
const firstObject = { sampleData: 'Hello world', moreData: 'foo bar' } const secondObject = { moreData: 'foo bar' } const finalObject = { ...firstObject, ...secondObject };
Using Object.assign
const firstObject = { sampleData: 'Hello world', moreData: 'foo bar' } const secondObject = { moreData: 'foo bar' } const finalObject = Object.assign({}, firstObject, secondObject);
Current Elm Update
const firstObject = { sampleData: 'Hello world', moreData: 'foo bar' } const secondObject = { moreData: 'foo bar' } const finalObject = _Utils_update(firstObject, secondObject);
Inline copying
const firstObject = { sampleData: 'Hello world', moreData: 'foo bar' } const secondObject = { moreData: 'foo bar' } const finalObject = {sampleData: firstObject.sampleData, moreData: secondObject.moreData }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Using the spread operator
Using Object.assign
Current Elm Update
Inline copying

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

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Safari/605.1.15

Browser/OS: Safari 14 on Mac OS X 10.15.6

View result in a separate tab

Test name	Executions per second
Using the spread operator	1726785.0 Ops/sec
Using Object.assign	4081464.0 Ops/sec
Current Elm Update	4353433.0 Ops/sec
Inline copying	286700800.0 Ops/sec

JavaScript spread operator vs Object.assign performance vs Elm builtin update (version: 0)

Comparing performance of: Using the spread operator vs Using Object.assign vs Current Elm Update vs Inline copying

Created: 2 years ago by: Guest

Jump to the latest result

Using the spread operator

Using Object.assign

Current Elm Update

Inline copying

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A