Benchmark: lodash merge vs object.assign vs spread - multilevel

HTML Preparation code:


<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>

Tests:

lodash merge
var a = { "development": { "appName": "abcd", "storeListEndpoint": "/data/stores.json", "filters": { "filtersIcon": "https://icon.org/filters.svg", "closeIcon": "https://icon.org/close.svg" }, "maps": { "googleMaps": "https://maps.googleapis.com/maps/api/js", "mapsIcon": "https://icon.org/store-map-marker.png", "mapsIcon": "https://icon.org/store-map-marker.png", "defaultZoom": 6, "zoomControl": true }, "routing": { "basepath": false, "stores": "stores", "store": "store" }, "features": { "searchLocation": false, "geoLocation": false, "showLandingPage": false, "displayInfoWindow": false } }, "test": { "appName": "tyuiooo" }, "production": { "appName": "bvbvbvvb", "storeListEndpoint": "https://www.api.com/?stores_action_get_stores", "routing": { "basepath": "/poipoi" } } }; var b = { production: { appName: "works ok" } }; var c = _.merge(a, b);
object.assign
var a = { "development": { "appName": "abcd", "storeListEndpoint": "/data/stores.json", "filters": { "filtersIcon": "https://icon.org/filters.svg", "closeIcon": "https://icon.org/close.svg" }, "maps": { "googleMaps": "https://maps.googleapis.com/maps/api/js", "mapsIcon": "https://icon.org/store-map-marker.png", "mapsIcon": "https://icon.org/store-map-marker.png", "defaultZoom": 6, "zoomControl": true }, "routing": { "basepath": false, "stores": "stores", "store": "store" }, "features": { "searchLocation": false, "geoLocation": false, "showLandingPage": false, "displayInfoWindow": false } }, "test": { "appName": "tyuiooo" }, "production": { "appName": "bvbvbvvb", "storeListEndpoint": "https://www.api.com/?stores_action_get_stores", "routing": { "basepath": "/poipoi" } } }; var b = { production: { appName: "works ok" } }; var c = Object.assign(a, b);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
lodash merge
object.assign

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.

**Benchmark Overview**

The provided benchmark, hosted on MeasureThat.net, compares the performance of two JavaScript functions: `lodash.merge` and `object.assign`. The benchmark measures how long it takes to merge two objects with nested properties.

**Options Compared**

1. **Lodash Merge**: This function is part of the Lodash library, which provides a set of helper functions for common tasks in JavaScript. `lodash.merge` recursively merges two objects together.
2. **Object Assign**: This is a built-in JavaScript method that assigns the values of one or more source objects to a target object.

**Pros and Cons**

* **Lodash Merge**:
	+ Pros: Handles nested objects with ease, supports recursive merging, and provides flexibility in how properties are merged.
	+ Cons: Requires an additional library (Lodash) to be included, which may add unnecessary overhead.
* **Object Assign**:
	+ Pros: Built-in method, no additional libraries required, and simple syntax.
	+ Cons: Can only handle shallow object merges; nested objects are not supported.

**Library: Lodash**

Lodash is a popular JavaScript utility library that provides a set of helper functions for common tasks. In this benchmark, `lodash.merge` is used to merge two objects with nested properties. The library includes over 120 functions, including `merge`, which is the focus of this benchmark.

**Special JS Feature/Syntax: None**

This benchmark does not use any special JavaScript features or syntax that would impact its performance compared to other languages or environments.

**Other Alternatives**

If you're looking for alternative libraries or methods for merging objects, some options include:

1. **Object.assign()**: As mentioned earlier, this is a built-in method in modern JavaScript.
2. **Underscore.js Merge**: This function is similar to `lodash.merge`, but part of the Underscore.js library.
3. **Mergify**: A lightweight JavaScript library specifically designed for merging objects.

Keep in mind that while these alternatives may offer different trade-offs, they often require additional libraries or syntax changes compared to `lodash.merge` and `object.assign`.

Related benchmarks:

lodash merge vs object.assign vs spread - multilevel (version: 0)

Comparing performance of: lodash merge vs object.assign

Created: 6 years ago by: Guest

Jump to the latest result

lodash merge

object.assign

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