Benchmark: Cloning benchmarking

Cloning benchmarking (version: 0)

Comparing performance of: spread ... vs vs JSON.parse(JSON.stringify()) vs Custom function vs Lodash.cloneDeep() vs jQuery.extend(true) vs structuredClone()

Comparing performance of: `Spread operator (...) vs JSON.parse(JSON.stringify()) vs Custom function vs Lodash.cloneDeep() vs jQuery.extend(true) vs structuredClone()`

Created: 3 years ago by: Guest

Go to the latest result

HTML Preparation code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js" integrity="sha512-WFN04846sdKMIP5LKNphMaWzU7YpMyCU245etK3g/2ARYbPK9Ub18eG+ljU96qKRCWh+quCY7yefSmlkQw1ANQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

Tests:

Spread operator (...)
// base object const base = { firstName: 'John', lastName: 'Doe', size: 170, birthDate: new Date(1985, 0,15), married: true, address: { street: '2 av Victor Hugo', country: 'FR', }, childrens: [ { name: 'Paul', age: 8, }, ], functions: [], }; const copy = { ...base };
JSON.parse(JSON.stringify())
// base object const base = { firstName: 'John', lastName: 'Doe', size: 170, birthDate: new Date(1985, 0,15), married: true, address: { street: '2 av Victor Hugo', country: 'FR', }, childrens: [ { name: 'Paul', age: 8, }, ], functions: [], }; const copy = JSON.parse(JSON.stringify(base));
Custom function
function clone(aObject) { // Prevent undefined objects // if (!aObject) return aObject; let bObject = Array.isArray(aObject) ? [] : {}; let value; for (const key in aObject) { // Prevent self-references to parent object // if (Object.is(aObject[key], aObject)) continue; value = aObject[key]; bObject[key] = (typeof value === "object") ? clone(value) : value; } return bObject; }; // base object const base = { firstName: 'John', lastName: 'Doe', size: 170, birthDate: new Date(1985, 0,15), married: true, address: { street: '2 av Victor Hugo', country: 'FR', }, childrens: [ { name: 'Paul', age: 8, }, ], functions: [], }; const copy = clone(base);
Lodash.cloneDeep()
// base object const base = { firstName: 'John', lastName: 'Doe', size: 170, birthDate: new Date(1985, 0,15), married: true, address: { street: '2 av Victor Hugo', country: 'FR', }, childrens: [ { name: 'Paul', age: 8, }, ], functions: [], }; const copy = _.cloneDeep(base);
jQuery.extend(true)
// base object const base = { firstName: 'John', lastName: 'Doe', size: 170, birthDate: new Date(1985, 0,15), married: true, address: { street: '2 av Victor Hugo', country: 'FR', }, childrens: [ { name: 'Paul', age: 8, }, ], functions: [], }; const copy = jQuery.extend(true, {}, base);
structuredClone()
// base object const base = { firstName: 'John', lastName: 'Doe', size: 170, birthDate: new Date(1985, 0,15), married: true, address: { street: '2 av Victor Hugo', country: 'FR', }, childrens: [ { name: 'Paul', age: 8, }, ], functions: [], }; const copy = structuredClone(base);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Spread operator (...)
JSON.parse(JSON.stringify())
Custom function
Lodash.cloneDeep()
jQuery.extend(true)
structuredClone()

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36

Browser/OS: Chrome 125 on Linux

View result in a separate tab

Spread operator (...)

2.7M/s

Custom function

474K/s

jQuery.extend(true)

340K/s

Lodash.cloneDeep()

254K/s

JSON.parse(JSON.stringify())

247K/s

structuredClone()

212K/s

View exact numbers

Test name	Executions per second
✓ Spread operator (...)	2,725,087 Ops/sec
Custom function	474,015 Ops/sec
jQuery.extend(true)	340,250 Ops/sec
Lodash.cloneDeep()	253,799 Ops/sec
JSON.parse(JSON.stringify())	246,551 Ops/sec
structuredClone()	212,234 Ops/sec

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

LLMs can make mistakes. Check important info.

It looks like you're sharing benchmark results for JavaScript operations, specifically comparing the performance of different cloning and copying methods.

To provide an answer, I'll need to analyze the data and identify some insights:

1. **Spread operator (...)**: This operation has the highest execution rate (2725087.25 executions per second), indicating it might be the fastest way to create a copy of an object.
2. **Custom function**: The custom function has a decent execution rate (474015.1875 executions per second), suggesting that a tailored approach can be competitive with existing libraries.
3. **jQuery.extend(true)**: This method has a relatively high execution rate (340249.875 executions per second) but lower than the spread operator and custom function.
4. **Lodash.cloneDeep()**: Lodash's cloning function comes in fourth, with an execution rate of 253799.109375 executions per second.
5. **JSON.parse(JSON.stringify())**: This method has a slower execution rate (246550.953125 executions per second) compared to the others.
6. **structuredClone()**: The latest addition to the benchmark results, structuredClone() has a lower execution rate (212233.78125 executions per second).

In general, it appears that:

* Custom functions can be competitive with existing libraries like jQuery and Lodash.
* Spread operator (...), as implemented in modern JavaScript engines, seems to be the fastest way to create a copy of an object.
* JSON.parse(JSON.stringify()) is slower than other methods.

Keep in mind that these results may depend on various factors, such as:

* The specific use case or scenario
* The size and complexity of the objects being cloned
* The JavaScript engine and browser used

If you'd like to discuss further or ask about a specific aspect of these benchmark results, I'm here to help!