Benchmark: Angular Copy vs Lodash Copy

HTML Preparation code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.0/lodash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.2/angular.min.js"></script>

Script Preparation code:

var obj = {
		"crossKey": "EURUSD",
		"dayLowPrice": 1.13045,
		"dayHighPrice": 1.13535,
		"previousClosePrice": 1.13215,
		"priceHist1": 107190404,
		"priceHist2": 250587665,
		"priceHist3": 765906410,
		"priceHist4": 274925633,
		"sparkline": 102925375,
		"spotPrice": 1.1307,
		"midPrice": 1.1307,
		"precision": 4,
		"percentChanged": -0.128,
		"threeMonthForecast": 1.08,
		"sixMonthForecast": 1.04,
		"tradable": true,
		"deliverable": true,
		"key": "EURUSD",
		"displayName": "EUR USD",
		"symbolId": "EURUSD",
		"objectId": 1,
		"assetType": "fx",
		"percentChange": -0.13,
		"selected": true,
		"lineChart": "9991581684158672254519078266440407",
		"barChart": [9, 43, 92, 47, 41, 21, 75, 32, 51, 19, 56, 97, 89, 36, 70, 2, 83, 61, 88, 47, 31, 54],
		"candleChart": "3869460804391469604270058742695196",
		"midPriceModel": "Price: key EURUSD, rate 1.1307, precision 4, appendFrac false, => 1.13 07 ",
		"spotPriceModel": "Price: key EURUSD, rate 1.1307, precision 4, appendFrac false, => 1.13 07 ",
		"crossCurrencies": ["EUR", "USD"],
		"unpackedSparkLine": {
			"price": 2,
			"priceDirection": 1,
			"fiveMinHigh": 4,
			"fiveMinLow": 0,
			"spike": 0,
			"scale": 30
		},
		"priceHistory": [3, 6, 7, 6, 4, 4, 7, 14, 31, 10, 16, 17, 22, 26, 13, 19, 15, 10, 8, 6, 6, 2, 2, 1]
	};

Tests:

Angular copy
angular.copy(obj);
Lodash Deep Clone
_.cloneDeep(obj);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Angular copy
Lodash Deep 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.

Let's dive into the explanation of the provided benchmark.

**Benchmark Definition and Purpose**

The benchmark is designed to compare two approaches for creating a deep copy of an object: Angular's `copy` method and Lodash's `cloneDeep` function.

**Angular Copy Method**

The Angular copy method uses the `$copy` service (not explicitly mentioned in the benchmark) or, as hinted by the code, it might be using a simple shallow copy or even a reference to the original object. This approach is likely to be faster since it doesn't create a new, separate object.

Pros:

* Faster execution time due to reduced object creation overhead
* Might use less memory, especially for large objects

Cons:

* Creates a shallow copy, which means only the top-level properties are copied, and nested objects may remain unchanged
* Not suitable for deep object structures or arrays

**Lodash Deep Clone**

The Lodash deep clone function creates a new, completely independent object by recursively copying all properties of the original object. This approach is more robust but might be slower due to the increased complexity.

Pros:

* Creates an exact, deep copy of the original object
* Suitable for complex object structures and arrays

Cons:

* Slower execution time compared to the Angular copy method
* Might use more memory due to the creation of a new, separate object

**Other Considerations**

Both methods have their trade-offs. The Angular copy method is faster but may not be suitable for all scenarios, especially those involving complex or deeply nested objects. Lodash's deep clone function provides a safer and more robust approach but comes at the cost of performance.

Additionally, consider that modern JavaScript engines (like V8 in Chrome) often provide built-in methods like `Object.assign()` and `Array.prototype.slice()`, which can be used to create copies of objects and arrays. However, these methods might not provide the same level of flexibility as Lodash's deep clone function.

**Library Usage**

The benchmark uses two libraries:

* Lodash: provides the `cloneDeep` function for creating deep copies of objects.
* Angular: its copy method (not explicitly mentioned) is used for creating shallow or reference-based copies.

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/89.0.4389.82 Safari/537.36

Browser/OS: Chrome 89 on Windows

View result in a separate tab

Test name	Executions per second
Angular copy	21757.0 Ops/sec
Lodash Deep Clone	152444.9 Ops/sec

Related benchmarks:

Angular Copy vs Lodash Copy (version: 0)

compare object copy

Comparing performance of: Angular copy vs Lodash Deep Clone

Created: 6 years ago by: Guest

Jump to the latest result

Angular copy

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