Benchmark: structuredClone vs spread vs Object.assign vs copy + more

structuredClone vs spread vs Object.assign vs copy + more (version: 1)

Note!: none of these tests actually do the same thing, and the data in the example is simple. consider also using arrays: those are nice. Some of these are shallow, some of these are deep-ish. Data is lost through JSON serialization and back, and more data would be lost in JSON and other methods depending on the data stored.

Comparing performance of: structuredClone() vs spread syntax vs Object.assign vs Object.fromEntries vs JSON vs Cursed Proxy vs Copy

Created: 10 months ago by: Registered User

Jump to the latest result

Script Preparation code:

var voucher = {
    "single": false,
    "applyOverTaxes": false,
    "discountType": "1",
    "value": 100,
    "minimumAmount": 0,
    "quantity": 1,
    "suffixLength": 8,
    "code": "IF5R0AFX",
    "vertical": true,
    "allowedPaymentMethods": null,
    "allowedBanks": null,
    "types": undefined,
    "partners": "Many",
    "startDate": "2020-10-21T00:00:00.000Z",
    "endDate": "2020-10-21T00:00:00.000Z",
    "applyed": false
}

function copy(toCopy)
{
	if(typeof toCopy !== 'object' || toCopy === null)
	{
		return toCopy;
	}
	else if(Array.isArray(toCopy))
	{
		let len = toCopy.length;
		let result = new Array(len);

		for(let i = 0; i < len; i++)
		{
			let _toCopy = toCopy[i];
			result[i] = typeof _toCopy !== 'object' || _toCopy === null ? _toCopy : copy(_toCopy);
		}

		return result;
	}
	else
	{
		let result = {};

		for(let i in toCopy)
		{
			let _toCopy = toCopy[i];
			result[i] = typeof _toCopy !== 'object' || _toCopy === null ? _toCopy : copy(_toCopy);
		}

		return result;
	}
}

Tests:

structuredClone()
var newObj = structuredClone(voucher)
spread syntax
var newObj = {...voucher}
Object.assign
var newObj = Object.assign({}, voucher)
Object.fromEntries
var newObj = Object.fromEntries(Object.entries(voucher))
JSON
// loses the "types" property var newObj = JSON.parse(JSON.stringify(voucher))
Cursed Proxy
// this registers as surprisingly performant for some reason, but keep in mind i didn't benchmark // usage, only creation, so in reality this could potentially not be performant when setting/getting. // either way this is really scuffed so you probably shouldn't take this approach var newObject = new Proxy({}, { get (o, p) { return p in o ? o[p] : o[p] ??= voucher[p] }, set (o, p, v) { o[p] = v; return true } })
Copy
var newObj = copy(voucher)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
structuredClone()
spread syntax
Object.assign
Object.fromEntries
JSON
Cursed Proxy
Copy

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 6 months ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/140.0.0.0 Safari/537.36

Browser/OS: Chrome 140 on Windows

View result in a separate tab

Test name	Executions per second
structuredClone()	457115.6 Ops/sec
spread syntax	36735676.0 Ops/sec
Object.assign	5138534.5 Ops/sec
Object.fromEntries	1013013.1 Ops/sec
JSON	1395614.4 Ops/sec
Cursed Proxy	53771716.0 Ops/sec
Copy	5168998.0 Ops/sec

Related benchmarks: