Benchmark: Spread vs structuredClone

Tests:

Spread
var theJSON = { "squadName": "Super hero squad", "homeTown": "Metro City", "formed": 2016, "secretBase": "Super tower", "active": true, "members": [ { "name": "Molecule Man", "age": 29, "secretIdentity": "Dan Jukes", "powers": [ "Radiation resistance", "Turning tiny", "Radiation blast" ] }, { "name": "Madame Uppercut", "age": 39, "secretIdentity": "Jane Wilson", "powers": [ "Million tonne punch", "Damage resistance", "Superhuman reflexes" ] }, { "name": "Eternal Flame", "age": 1000000, "secretIdentity": "Unknown", "powers": [ "Immortality", "Heat Immunity", "Inferno", "Teleportation", "Interdimensional travel" ] } ] } var result = {...theJSON}
JSON structuredClone
var theJSON = { "squadName": "Super hero squad", "homeTown": "Metro City", "formed": 2016, "secretBase": "Super tower", "active": true, "members": [ { "name": "Molecule Man", "age": 29, "secretIdentity": "Dan Jukes", "powers": [ "Radiation resistance", "Turning tiny", "Radiation blast" ] }, { "name": "Madame Uppercut", "age": 39, "secretIdentity": "Jane Wilson", "powers": [ "Million tonne punch", "Damage resistance", "Superhuman reflexes" ] }, { "name": "Eternal Flame", "age": 1000000, "secretIdentity": "Unknown", "powers": [ "Immortality", "Heat Immunity", "Inferno", "Teleportation", "Interdimensional travel" ] } ] } var result = structuredClone(theJSON)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Spread
JSON structuredClone

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:109.0) Gecko/20100101 Firefox/113.0

Browser/OS: Firefox 113 on Ubuntu

View result in a separate tab

Test name	Executions per second
Spread	4005174.5 Ops/sec
JSON structuredClone	149693.2 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated one month ago):

LLMs can make mistakes. Check important info.

Let's break down the provided JSON and explain what is being tested.

**Benchmark Definition**

The benchmark definition is testing two ways to create a copy of an object: `Spread` and `structuredClone`. The purpose of this benchmark is to compare the performance of these two approaches in JavaScript.

**Options Being Compared**

1. **Spread**: This method uses the spread operator (`...`) to create a shallow copy of an object.
2. **structuredClone**: This method creates a deep copy of an object using the `structuredClone` function, which was introduced in ECMAScript 2020 (ES2020).

**Pros and Cons of Each Approach**

1. **Spread**:
	* Pros: Simple to implement, fast for shallow copies.
	* Cons: Only creates a shallow copy, not suitable for complex objects with nested arrays or objects.
2. **structuredClone**:
	* Pros: Creates a deep copy of the object, handles complex data structures, and is more secure than spread.
	* Cons: Introduced in ES2020, may not be supported by older browsers or environments.

**Library Used**

In this benchmark, `structuredClone` is used as a library function to create a deep copy of the object. The `structuredClone` function takes an object as an argument and returns a new object that is a clone of the original object.

**Other Considerations**

When working with complex objects, it's essential to consider the trade-offs between shallow and deep copying. Shallow copying can be faster but may not preserve all properties or behavior of the original object. Deep copying, on the other hand, ensures that all properties and relationships are preserved, but it may also be slower.

**Alternatives**

If you're looking for alternative approaches to create a copy of an object in JavaScript, some options include:

1. **Object.assign()**: Creates a shallow copy of an object.
2. **JSON.parse(JSON.stringify(obj))**: Creates a deep copy of an object (but can be slower than `structuredClone`).
3. **lodash.cloneDeep()**: A third-party library that provides a deep cloning function for objects.

In summary, the benchmark is testing the performance difference between using the spread operator and the `structuredClone` function to create copies of objects in JavaScript.

Related benchmarks:

Spread vs structuredClone (version: 0)

Benchmarks spread vs structuredClone

Comparing performance of: Spread vs JSON structuredClone

Created: one year ago by: Guest

Jump to the latest result

Spread

JSON structuredClone

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one month ago):