Benchmark: deep clone - MeasureThat.net

HTML Preparation code:

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.core.js"></script>
<script src="https://cdn.rawgit.com/ivolovikov/fastest-clone/master/index.js"></script>

Script Preparation code:

var source = {a:1,b:1,c:1,d:1,e:1,f:1,g:1,h:{a:-1,b:1,c:1,d:1,e:1,f:1,g:1}};
//var source = {a:1};
//var CloneFactory = FastClone.factory(source);

function clone(value) {
        var type = typeof value;
        switch (type) {
            case 'object':
                // null and undefined
                if (value == null) {
                    return value;
                }
                var result = void 0;
                if (value instanceof Date) {
                    result = new Date();
                    result.setTime(value.getTime());
                    return result;
                }
                else if (value instanceof RegExp) {
                    result = newRegExp(value);
                    return result;
                }
                result = JSON.parse(JSON.stringify(value));
                fixTypes(value, result);
                return result;
            default:
                return value;
        }
    }
    function fixPropertyValue(original, copy, key) {
        var originalValue = original[key];
        var originalType = typeof originalValue;
        switch (originalType) {
            case 'object':
                if (originalValue instanceof Date) {
                    var newValue = new Date();
                    newValue.setTime(originalValue.getTime());
                    copy[key] = newValue;
                }
                else if (originalValue instanceof RegExp) {
                    copy[key] = newRegExp(originalValue);
                }
                else if (originalValue == null) {
                    copy[key] = originalValue;
                }
                else {
                    fixTypes(originalValue, copy[key]);
                }
                break;
            case 'number':
                if (isNaN(originalValue)) {
                    copy[key] = NaN;
                }
                else if (originalValue == Infinity) {
                    copy[key] = Infinity;
                }
                break;
            default:
                break;
        }
    }
    function fixTypes(original, copy) {
        if (original instanceof Array) {
            for (var index = 0; index < original.length; index++) {
                fixPropertyValue(original, copy, index);
            }
        }
        else {
            var keys = Object.getOwnPropertyNames(original);
            keys.forEach(function (key) {
                fixPropertyValue(original, copy, key);
            });
        }
    }
    function newRegExp(value) {
        var regexpText = String(value);
        var slashIndex = regexpText.lastIndexOf('/');
        return new RegExp(regexpText.slice(1, slashIndex), regexpText.slice(slashIndex + 1));
    }

Tests:

JSON parse
var objects = [{ 'a': 1 }, { 'b': 2, c: 3, d: 4 }, {c:3}, 4, 5, 6 ,'hello']; //var objects = {a:1,b:1,c:1,d:1,e:1,f:1,g:1,h:{a:-1,b:1,c:1,d:1,e:1,f:1,g:1}}; var deep = JSON.parse(JSON.stringify(objects));
_.deepClone
var objects = [{ 'a': 1 }, { 'b': 2, c: 3, d: 4 }, {c:3}, 4, 5, 6 ,'hello']; //var objects = {a:1,b:1,c:1,d:1,e:1,f:1,g:1,h:{a:-1,b:1,c:1,d:1,e:1,f:1,g:1}}; var deep = _.cloneDeep(objects);
fast-clone
//var objects = {a:1,b:1,c:1,d:1,e:1,f:1,g:1,h:{a:-1,b:1,c:1,d:1,e:1,f:1,g:1}}; var objects = [{ 'a': 1 }, { 'b': 2, c: 3, d: 4 }, {c:3}, 4, 5, 6 ,'hello']; var deep = clone(objects);

Historical Performance Data aggregated from 10 community runs

Desktop Results:

Chrome 10 runs

JSON parse

1.2M/s

fast-clone

246K/s

_.deepClone

0/s

View exact numbers

✓ JSON parse: 1,181,391 ops/sec
• fast-clone: 245,849 ops/sec
• _.deepClone: 0 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
JSON parse
_.deepClone
fast-clone

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36

Browser/OS: Chrome 129 on Mac OS X 10.15.7

View result in a separate tab

JSON parse

1.6M/s

fast-clone

336K/s

_.deepClone

0/s

View exact numbers

Test name	Executions per second
✓ JSON parse	1,616,607 Ops/sec
fast-clone	335,523 Ops/sec
_.deepClone	0 Ops/sec

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

LLMs can make mistakes. Check important info.

Let's dive into the benchmark and explore what's being tested.

**Benchmark Overview**

The benchmark compares three methods for creating deep copies of objects:

1. The new ES6 spread operator (`...`)
2. The traditional `concat()` method
3. A custom cloning function called `clone()`

The benchmark is focused on testing the performance of these three approaches in a specific test case, which involves parsing and manipulating JSON data.

**What's Being Tested**

In the benchmark definition JSON, we see that the script preparation code defines an object `source` with nested properties and values. The benchmark then creates a deep copy of this object using each of the three cloning methods and measures their performance.

Here's what's being tested:

* **New ES6 spread operator (`...`)**: This is used to create a shallow copy of the object, which may not be sufficient for the test case.
* **Traditional `concat()` method**: This is used to create a deep copy of the object by concatenating arrays and objects recursively.
* **Custom cloning function (`clone()`)**: This is implemented in JavaScript code and uses various techniques (e.g., recursion, property-by-property copying) to create a deep copy of the object.

**Options Compared**

The three cloning methods are compared in terms of their performance. The benchmark measures the number of executions per second for each method on a specific test case with complex JSON data.

**Pros and Cons of Each Approach**

Here's a brief summary:

* **New ES6 spread operator (`...`)**:
	+ Pros: Simple, concise, and fast.
	+ Cons: May not create deep copies correctly, especially for nested objects or arrays with circular references.
* **Traditional `concat()` method**:
	+ Pros: Creates deep copies correctly, but can be slower due to recursive function calls.
	+ Cons: More verbose than the ES6 spread operator and may lead to stack overflow errors for very large datasets.
* **Custom cloning function (`clone()`)**:
	+ Pros: Highly customizable, can handle complex cases (e.g., circular references), but requires more code.
	+ Cons: May be slower due to recursive function calls and may require additional memory for the cloned objects.

**Benchmark Results**

The latest benchmark results show that the custom cloning function (`clone()`) performs significantly better than the traditional `concat()` method, which is likely due to its optimization and performance characteristics. The new ES6 spread operator (`...`) falls in between in terms of performance.

However, it's essential to note that these results are specific to this test case and may not generalize to other scenarios or datasets. Additionally, the benchmark results should be considered with caution, as they may depend on factors like system configuration, JavaScript engine optimizations, and other variables that can affect performance.

deep clone (version: 12) Benchmark.js

Compare the new ES6 spread operator with the traditional concat() method

Comparing performance of: `JSON parse vs _.deepClone vs fast-clone`

Created: 8 years ago by: Registered User

Go to the latest result

JSON parse

_.deepClone

fast-clone

Historical Performance Data aggregated from 10 community runs

Desktop Results:

Chrome 10 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

deep clone (version: 12) Benchmark.js

Compare the new ES6 spread operator with the traditional concat() method

Comparing performance of: JSON parse vs _.deepClone vs fast-clone

Created: 8 years ago by: Registered User

Go to the latest result

JSON parse

_.deepClone

fast-clone

Historical Performance Data aggregated from 10 community runs

Desktop Results:

Chrome 10 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Comparing performance of: `JSON parse vs _.deepClone vs fast-clone`