Benchmark: JavaScript fastest way to clone an object including JSON.parse and structuredClone methods

Tests:

Using the spread operator
const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; const finalObject = {...firstObject};
Using Object.assign
const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; const finalObject = Object.assign({}, firstObject);
Manually copying properties
const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; let finalObject = {}; finalObject.prop0 = firstObject.prop0; finalObject.prop1 = firstObject.prop1; finalObject.prop2 = firstObject.prop2; finalObject.prop3 = firstObject.prop3; finalObject.prop4 = firstObject.prop4; finalObject.prop5 = firstObject.prop5;
Create new object while copying
const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; const finalObject = { prop0: firstObject.prop0, prop1: firstObject.prop1, prop2: firstObject.prop2, prop3: firstObject.prop3, prop4: firstObject.prop4, prop5: firstObject.prop5 };
Create new object from scratch
const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; const finalObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 };
StructuredClone
const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; const finalObject = structuredClone(firstObject);
JSON
const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; const finalObject = JSON.parse(JSON.stringify(firstObject));

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Using the spread operator
Using Object.assign
Manually copying properties
Create new object while copying
Create new object from scratch
StructuredClone
JSON

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/144.0.0.0 Mobile Safari/537.36 OPR/95.0.0.0

Browser/OS: Opera Mobile 95 on Android

View result in a separate tab

Test name	Executions per second
Using the spread operator	40543332.0 Ops/sec
Using Object.assign	10563756.0 Ops/sec
Manually copying properties	119866712.0 Ops/sec
Create new object while copying	119516416.0 Ops/sec
Create new object from scratch	127190776.0 Ops/sec
StructuredClone	331637.3 Ops/sec
JSON	2229923.5 Ops/sec

Related benchmarks:

JavaScript fastest way to clone an object including JSON.parse and structuredClone methods (version: 1)

Comparing performance of: Using the spread operator vs Using Object.assign vs Manually copying properties vs Create new object while copying vs Create new object from scratch vs StructuredClone vs JSON

Created: one year ago by: Guest

Jump to the latest result

Using the spread operator

Using Object.assign

Manually copying properties

Create new object while copying

Create new object from scratch

StructuredClone

JSON

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A