Benchmark: Deep merge lodash vs ramda vs deepmerge vs native shallow merge

Deep merge lodash vs ramda vs deepmerge vs native shallow merge (version: 0)

Merging two array of objects with nested objects and methods. Comparing speed between the different libraries and vanilla shallow merge using destructuring.

Comparing performance of: Ramda.mergeDeepRight vs Lodash.merge vs deepmerge vs shallow merge with destructuring

Created: one year ago by: Guest

Jump to the latest result

HTML Preparation code:

<script src="//cdn.jsdelivr.net/npm/ramda@latest/dist/ramda.min.js"></script>
<script src="https://raw.githubusercontent.com/lodash/lodash/4.17.15-npm/lodash.js"></script>
<script src="https://unpkg.com/deepmerge/dist/umd.js"></script>

Script Preparation code:

var obj1 = [
	{
		"id": "0001",
		"type": "donut",
		"name": "Cake",
		"ppu": 0.55,
		"batters":
			{
				"batter":
					[
						{ "id": "1001", "type": "Regular" },
						{ "id": "1002", "type": "Chocolate" },
						{ "id": "1003", "type": "Blueberry" },
						{ "id": "1004", "type": "Devil's Food" }
					]
			},
		"topping":
			[
				{ "id": "5001", "type": "None" },
				{ "id": "5002", "type": "Glazed" },
				{ "id": "5005", "type": "Sugar" },
				{ "id": "5007", "type": "Powdered Sugar" },
				{ "id": "5006", "type": "Chocolate with Sprinkles" },
				{ "id": "5003", "type": "Chocolate" },
				{ "id": "5004", "type": "Maple" }
			]
	},
	{
		"id": "0002",
		"type": "donut",
		"name": "Raised",
		"ppu": 0.55,
		"batters":
			{
				"batter":
					[
						{ "id": "1001", "type": "Regular" }
					]
			},
		"topping":
			[
				{ "id": "5001", "type": "None" },
				{ "id": "5002", "type": "Glazed" },
				{ "id": "5005", "type": "Sugar" },
				{ "id": "5003", "type": "Chocolate" },
				{ "id": "5004", "type": "Maple" }
			]
	},
	{
		"id": "0003",
		"type": "donut",
		"name": "Old Fashioned",
		"ppu": 0.55,
		"batters":
			{
				"batter":
					[
						{ "id": "1001", "type": "Regular" },
						{ "id": "1002", "type": "Chocolate" }
					]
			},
		"topping":
			[
				{ "id": "5001", "type": "None" },
				{ "id": "5002", "type": "Glazed" },
				{ "id": "5003", "type": "Chocolate" },
				{ "id": "5004", "type": "Maple" }
			],
         "sayILoveDonut": function(){ console.log("I love cookie")}
	},
]

var obj2 = [
	{
		"id": "0001",
		"type": "donut",
		"name": "Cake",
		"ppu": 0.55,
		"batters":
			{
				"batter":
					[
						{ "id": "1001", "type": "Overwritten" },
						{ "id": "1002", "type": "Chocolate" },
						{ "id": "1003", "type": "Overwritten" },
						{ "id": "1004", "type": "Devil's Food" }
					]
			},
		"topping":
			[
				{ "id": "5001", "type": "Overwritten" },
				{ "id": "5002", "type": "Overwritten" },
				{ "id": "5005", "type": "Sugar" },
				{ "id": "5007", "type": "Powdered Sugar" },
				{ "id": "5006", "type": "Chocolate with Sprinkles" },
				{ "id": "5003", "type": "Chocolate" },
				{ "id": "5004", "type": "Overwritten" }
			]
	},
	{
		"id": "0002",
		"type": "Overwritten",
		"name": "Raised",
		"ppu": 0.55,
		"batters":
			{
				"batter":
					[
						{ "id": "1001", "type": "Overwritten" }
					]
			},
		"topping":
			[
				{ "id": "5001", "type": "None" },
				{ "id": "5002", "type": "Overwritten" },
				{ "id": "5005", "type": "Sugar" },
				{ "id": "5003", "type": "Chocolate" },
				{ "id": "5004", "type": "Maple" }
			]
	},
	{
		"id": "0003",
		"type": "Overwritten",
		"name": "Old Fashioned",
		"ppu": 0.55,
		"batters":
			{
				"batter":
					[
						{ "id": "1001", "type": "Overwritten" },
						{ "id": "1002", "type": "Chocolate" }
					]
			},
		"topping":
			[
				{ "id": "5001", "type": "None" },
				{ "id": "5002", "type": "Glazed" },
				{ "id": "5003", "type": "Chocolate" },
				{ "id": "5004", "type": "Maple" }
			]
	}
]

Tests:

Ramda.mergeDeepRight
R.mergeDeepRight(obj1, obj2)
Lodash.merge
_.merge(obj1, obj2)
deepmerge
deepmerge(obj1, obj2)
shallow merge with destructuring
[...obj1, ...obj2]

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Ramda.mergeDeepRight
Lodash.merge
deepmerge
shallow merge with destructuring

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

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/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
Ramda.mergeDeepRight	466485.1 Ops/sec
Lodash.merge	82616.1 Ops/sec
deepmerge	51409.7 Ops/sec
shallow merge with destructuring	7216426.0 Ops/sec

Deep merge lodash vs ramda vs deepmerge vs native shallow merge (version: 0)

Merging two array of objects with nested objects and methods. Comparing speed between the different libraries and vanilla shallow merge using destructuring.

Comparing performance of: Ramda.mergeDeepRight vs Lodash.merge vs deepmerge vs shallow merge with destructuring

Created: one year ago by: Guest

Jump to the latest result

Ramda.mergeDeepRight

Lodash.merge

deepmerge

shallow merge with destructuring

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A