Benchmark: Spread vs JSON.parse(JSON.stringify())

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 Parse & Stringify
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 = JSON.parse(JSON.stringify(theJSON))

Historical Performance Data aggregated from 70 community runs

Desktop Results:

Chrome 57 runs

Spread

6.7M/s

JSON Parse & Stringify

333K/s

Fastest: Spread (20.1x faster)

View exact numbers

✓ Spread: 6,696,000 ops/sec
• JSON Parse & Stringify: 332,833 ops/sec

Firefox 8 runs

Spread

8.1M/s

JSON Parse & Stringify

423K/s

Fastest: Spread (19.2x faster)

View exact numbers

✓ Spread: 8,134,132 ops/sec
• JSON Parse & Stringify: 423,000 ops/sec

Mobile Results:

Chrome 5 runs

Spread

3.6M/s

JSON Parse & Stringify

317K/s

Fastest: Spread (11.4x faster)

View exact numbers

✓ Spread: 3,621,010 ops/sec
• JSON Parse & Stringify: 317,307 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Spread
JSON Parse & Stringify

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Firefox 145 on Windows

View result in a separate tab

Spread

14.7M/s

JSON Parse & Stringify

567K/s

View exact numbers

Test name	Executions per second
✓ Spread	14,733,271 Ops/sec
JSON Parse & Stringify	566,962 Ops/sec

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

LLMs can make mistakes. Check important info.

**Benchmark Explanation**

The provided benchmark measures the performance difference between two approaches: using the spread operator (`...`) to create a shallow copy of an object, and using `JSON.parse(JSON.stringify())` to create a deep copy of an object.

**Options Compared**

Two options are compared:

1. **Spread Operator (```...``)**: This method creates a new object by copying selected properties from an existing object.
2. **JSON.parse(JSON.stringify())**: This method creates a deep copy of an object by recursively copying all its properties, including nested objects and arrays.

**Pros and Cons**

* **Spread Operator (```...``)**
	+ Pros: Fast, efficient, and concise way to create a shallow copy of an object.
	+ Cons: Only creates a shallow copy, which means it only copies the top-level properties of an object. If the original object has nested objects or arrays, those will be referenced in the copied object instead of being cloned.
* **JSON.parse(JSON.stringify())**
	+ Pros: Creates a deep copy of an object, ensuring that all nested objects and arrays are properly cloned.
	+ Cons: Slower than the spread operator due to the recursive nature of JSON parsing.

**Library/Functionality Used**

In this benchmark, `JSON.parse(JSON.stringify())` is used from the built-in JavaScript `JSON` object. This function is a standard part of the language and does not require any external libraries or dependencies.

**Special JS Feature/Syntax**

There are no special JS features or syntax used in this benchmark other than the use of the spread operator (`...`) and the `JSON.parse(JSON.stringify())` method.

**Other Alternatives**

If you need to create a deep copy of an object, you can also use libraries like Lodash's `cloneDeep()` function or a recursive function that clones all properties of an object. However, these alternatives are not part of the standard JavaScript language and require additional dependencies.

In summary, this benchmark measures the performance difference between two approaches for creating shallow copies of objects: using the spread operator (`...`) versus using `JSON.parse(JSON.stringify())`. The choice of approach depends on your specific use case and whether you need a deep copy of an object.

Spread vs JSON.parse(JSON.stringify()) (version: 0)

Benchmarks spread vs JSON.parse(JSON.stringify())

Comparing performance of: `Spread vs JSON Parse & Stringify`

Created: 4 years ago by: Guest

Go to the latest result

Spread

JSON Parse & Stringify

Historical Performance Data aggregated from 70 community runs

Desktop Results:

Chrome 57 runs

Firefox 8 runs

Mobile Results:

Chrome 5 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Spread vs JSON.parse(JSON.stringify()) (version: 0)

Benchmarks spread vs JSON.parse(JSON.stringify())

Comparing performance of: Spread vs JSON Parse & Stringify

Created: 4 years ago by: Guest

Go to the latest result

Spread

JSON Parse & Stringify

Historical Performance Data aggregated from 70 community runs

Desktop Results:

Chrome 57 runs

Firefox 8 runs

Mobile Results:

Chrome 5 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Related benchmarks

Comparing performance of: `Spread vs JSON Parse & Stringify`