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.5.8/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

Latest run results:

No previous run results

This benchmark does not have any results yet. Be the first one to run it!

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

LLMs can make mistakes. Check important info.

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

**What is tested?**

The benchmark compares two approaches to creating a deep copy of an object: Angular's `copy()` method and Lodash's `_cloneDeep()` function.

**Options compared**

Two options are compared:

1. **Angular copy**: Angular's `copy()` method creates a shallow copy of the original object, which means that all nested objects are not copied recursively.
2. **Lodash Deep Clone**: Lodash's `_cloneDeep()` function creates a deep copy of the original object, meaning that all nested objects and arrays are copied recursively.

**Pros and Cons**

* Angular copy:
	+ Pros: Fast execution times due to shallow copying.
	+ Cons: May not be suitable for complex objects with multiple levels of nesting, as only the top-level properties will be copied. Additionally, since it's a shallow copy, changes made to the copied object will affect the original object.
* Lodash Deep Clone:
	+ Pros: Suitable for complex objects with multiple levels of nesting. Ensures that all nested objects and arrays are copied recursively, maintaining their structure and integrity.
	+ Cons: May be slower execution times due to recursive copying.

**Library usage**

The benchmark uses two libraries:

1. **Lodash**: A popular JavaScript library providing utility functions, including `cloneDeep()` for deep cloning objects.
2. **Angular**: A JavaScript framework used for building web applications, offering the `copy()` method for creating shallow copies of objects.

**Special JS features or syntax**

None mentioned in this explanation.

**Other alternatives**

If you need to create a deep copy of an object without using Lodash's `_cloneDeep()`, you can also use other libraries like:

* **JSON.parse(JSON.stringify(obj))**: A simple and efficient method for creating a deep copy, but it may not work as expected with complex objects or custom prototypes.
* **For...of loop**: You can create a deep copy by iterating over the object's own enumerable properties and recursively cloning each nested value.

Related benchmarks:

Angular Copy vs Lodash Copy (version: 0)

compare object copy

Comparing performance of: Angular copy vs Lodash Deep Clone

Created: 7 years ago by: Guest

Jump to the latest result

Angular copy

Lodash Deep Clone

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

No previous run results

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