Benchmark: Angularjs copy vs JSON.parse(JSON.stringify())

HTML Preparation code:

<html>
  <head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.6/angular.min.js"></script>
  </head>
  <body>
  </body>
</html>

Script Preparation code:

var origObj = {
 Object: { Name: "Object1", Desc: "Desc2" },
 Object2: { Name: "Object2", Desc: "Desc2" },
 Array1: [ "item2", "xitem2", "item3", "item1", "item2", "itexm6", "item1", "item7", "itesm1" ],
 Array2: [ "itexm1", "item3", "item1", "istem9", "item2", "item1", "itemx8", "ites1", "itesm1" ],
 Array3: [ "item3", "itesm1", "item7", "item1", "itexm1", "item33", "ixtem1", "itesm1", "itezm0" ],
};

var newObj = {};

Tests:

angular.copy()
newObj = angular.copy(origObj);
JSON.parse(JSON.stringify())
newObj = JSON.parse(JSON.stringify(origObj));

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
angular.copy()
JSON.parse(JSON.stringify())

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Chrome 104 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
angular.copy()	489070.6 Ops/sec
JSON.parse(JSON.stringify())	238913.4 Ops/sec

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

LLMs can make mistakes. Check important info.

Let's break down the provided benchmark.

**Benchmark Definition**

The benchmark measures the performance of two approaches for copying an object in JavaScript: `angular.copy()` and `JSON.parse(JSON.stringify())`.

**Options being compared**

Two options are being compared:

1. **angular.copy()**: This function is part of the AngularJS library, which creates a deep copy of the original object.
2. **JSON.parse(JSON.stringify())**: This approach uses the `JSON.stringify()` method to serialize the object and then parses the resulting string back into an object.

**Pros and Cons**

1. **angular.copy()**:
	* Pros: It's a dedicated function for creating copies, which can be more efficient than using other methods.
	* Cons: It's specific to AngularJS and may not work in all JavaScript environments.
2. **JSON.parse(JSON.stringify())**:
	* Pros: It's widely supported across JavaScript engines and environments, as it uses the built-in `JSON` object.
	* Cons: This approach can be slower than using a dedicated copy function like `angular.copy()`, especially for large objects.

**Library usage**

The benchmark uses the AngularJS library, specifically the `angular.copy()` function. The purpose of this library is to provide a set of tools and features for building web applications, including DOM manipulation, data binding, and dependency injection.

**Special JS feature or syntax**

There are no special JavaScript features or syntaxes being tested in this benchmark. However, it's worth noting that the use of `JSON.parse(JSON.stringify())` relies on the fact that JSON strings can be parsed back into objects using the `JSON` object.

**Other alternatives**

If you wanted to implement your own copy function without using a dedicated library like AngularJS, you could consider the following alternatives:

1. **Spread operator (`{...obj}`)**: This is a modern JavaScript feature introduced in ECMAScript 2018. It allows you to create a shallow copy of an object by spreading its properties into a new object.
2. **`Object.assign()`**: This method creates a shallow copy of an object by assigning its properties to a new object.
3. **`Array.prototype.slice()` and `Object.keys()`**: You can use these methods in combination to create a deep copy of an array-like object.

Each of these alternatives has its own trade-offs and may be more suitable for specific use cases or performance requirements.

Related benchmarks:

Angularjs copy vs JSON.parse(JSON.stringify()) (version: 0)

angular.copy vs JSON.parse(JSON.stringify())

Comparing performance of: angular.copy() vs JSON.parse(JSON.stringify())

Created: 4 years ago by: Guest

Jump to the latest result

angular.copy()

JSON.parse(JSON.stringify())

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