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: one year ago by: Guest

Jump 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: 4 months 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

Test name	Executions per second
Spread operator (...)	2725087.2 Ops/sec
JSON.parse(JSON.stringify())	246551.0 Ops/sec
Custom function	474015.2 Ops/sec
Lodash.cloneDeep()	253799.1 Ops/sec
jQuery.extend(true)	340249.9 Ops/sec
structuredClone()	212233.8 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated 2 months 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!

Related benchmarks:

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: one year ago by: Guest

Jump to the latest result

Spread operator (...)

JSON.parse(JSON.stringify())

Custom function

Lodash.cloneDeep()

jQuery.extend(true)

structuredClone()

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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