Benchmark: Angular clone vs JSON Clone

HTML Preparation code:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>

Script Preparation code:

var today = new Date();
var myCopy = null;
var MyObject = {
    description: 'Creates a deep copy of source, which should be an object or an array.',
    nestProp: [{
        id: 1,
        tDate: today,
        address: {
            state: 'oh',
            city: 'westerville',
            street: '123 main st'
        }
    }, {
        id: 1,
        tDate: today,
        address: {
            state: 'oh',
            city: 'westerville',
            street: '123 main st'
        }
    }, {
        id: 1,
        tDate: today,
        address: {
            state: 'oh',
            city: 'westerville',
            street: '123 main st'
        }
    }, {
        id: 1,
        tDate: today,
        address: {
            state: 'oh',
            city: 'westerville',
            street: '123 main st'
        }
    }, {
        id: 1,
        tDate: today,
        address: {
            state: 'oh',
            city: 'westerville',
            street: '123 main st'
        }
    }, {
        id: 1,
        tDate: today,
        address: {
            state: 'oh',
            city: 'westerville',
            street: '123 main st'
        }
    }, {
        id: 1,
        tDate: today,
        address: {
            state: 'oh',
            city: 'westerville',
            street: '123 main st'
        }
    }],
    myNumber: 123456789,
    myBoolean: true,
    jayson: {
        stringify: 'JSON.stringify() method converts a JavaScript value to a JSON string....',
        parse: 'JSON.parse() method parses a JSON string...'
    }
};

Tests:

json clone
myCopy = JSON.parse(JSON.stringify(MyObject));
angularjs clone
myCopy = angular.copy(MyObject);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
json clone
angularjs clone

Fastest: N/A

Slowest: N/A

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

LLMs can make mistakes. Check important info.

**Benchmark Overview**

The provided JSON represents a benchmark test that compares the performance of two different approaches to create a deep copy of an object in JavaScript: AngularJS's `angular.copy()` method and the built-in `JSON.parse(JSON.stringify())` method.

**Options Compared**

Two options are compared:

1. **AngularJS's angular.copy() method**: This method is used to create a deep copy of an object in AngularJS.
2. **Built-in JSON.parse(JSON.stringify()) method**: This method is used to convert a JavaScript value to a JSON string, and then parse the resulting string back into a JavaScript object.

**Pros and Cons**

### angular.copy() Method

Pros:

* Designed specifically for creating deep copies of objects in AngularJS.
* May be optimized for performance in AngularJS applications.

Cons:

* Only available in AngularJS environments.
* May not work correctly with all types of JavaScript objects (e.g., arrays, functions).

### JSON.parse(JSON.stringify()) Method

Pros:

* Works with most types of JavaScript objects.
* Widely supported and well-documented.
* Can be used outside of AngularJS applications.

Cons:

* Can be slower than the angular.copy() method due to the overhead of serializing and deserializing the object.
* May not work correctly with all types of complex JavaScript objects (e.g., objects with circular references).

**Other Considerations**

When choosing between these two methods, consider the following factors:

* Are you working in an AngularJS application? If so, use `angular.copy()` for performance and compatibility reasons.
* Do you need to support non-AngularJS environments? In this case, use the built-in `JSON.parse(JSON.stringify())` method.
* Are you working with complex JavaScript objects that may have circular references? Be aware that both methods can fail in such cases.

**Library and Syntax**

The AngularJS library is used in the benchmark test. Specifically, it's used to create a deep copy of an object using the `angular.copy()` method.

There are no special JavaScript features or syntaxes used in this benchmark test.

**Alternatives**

Other alternatives for creating deep copies of objects in JavaScript include:

* **Lodash's _.cloneDeep() function**: A popular utility library that provides a fast and efficient way to create deep clones of objects.
* **Immutable.js's fromJS() function**: A library that provides a immutable data structure system, which includes functions for creating deep copies of objects.

These alternatives may offer better performance or compatibility than the AngularJS `angular.copy()` method or the built-in `JSON.parse(JSON.stringify())` method. However, they require additional dependencies and may add complexity to your project.

Latest run results:

Run details: (Test run date: 3 years ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.212 Safari/537.36 Edg/90.0.818.66

Browser/OS: Chrome 90 on Windows

View result in a separate tab

Test name	Executions per second
json clone	39594.0 Ops/sec
angularjs clone	141693.5 Ops/sec

Related benchmarks:

Angular clone vs JSON Clone (version: 0)

Comparing performance of: json clone vs angularjs clone

Created: 3 years ago by: Guest

Jump to the latest result

json clone

angularjs clone

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):