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

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 = { a: 'oh', b: 'my' }; var b = { c: 'goddess' }; var c = _.merge(a, b);
lodash assign
var a = { a: 'oh', b: 'my' }; var b = { c: 'goddess' }; var c = _.assign(a, b);
spread
var a = { a: 'oh', b: 'my' }; var b = { c: 'goddess' }; var c = { ...a, ...b };
assign
var a = { a: 'oh', b: 'my' }; var b = { c: 'goddess' }; var c = Object.assign({}, a, b);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
lodash merge
lodash assign
spread
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.

Let's dive into the world of JavaScript microbenchmarks on MeasureThat.net.

**What is being tested?**

The provided JSON represents a benchmark that tests four different approaches for merging or assigning values to an object:

1. **Lodash merge**: The `_.merge()` function from the Lodash library, which merges two objects recursively.
2. **Lodash assign**: The `_.assign()` function from the Lodash library, which assigns values from one object to another.
3. **Spread syntax**: The spread operator (`...`) used to create a new object by merging properties from an existing object.
4. **`Object.assign()`**: A built-in JavaScript method that assigns values from one or more source objects to a target object.

**Options being compared**

These four approaches are compared in terms of their performance, with the goal of determining which is the fastest.

**Pros and cons of each approach:**

1. **Lodash merge**:
	* Pros: Robust recursion handling, handles nested objects easily.
	* Cons: Adds overhead due to Lodash library inclusion, may be slower than other approaches for simple merges.
2. **Lodash assign**:
	* Pros: Fast and lightweight, easy to use.
	* Cons: Only assigns values, not recursively merging objects.
3. **Spread syntax**:
	* Pros: Simple and intuitive, fast and lightweight.
	* Cons: Limited support for nested objects or complex merges.
4. **`Object.assign()`**:
	* Pros: Built-in method, fast and lightweight.
	* Cons: Only assigns values, not recursively merging objects.

**Library and syntax considerations**

In this benchmark, the Lodash library is used to provide the `_.merge()` and `_.assign()` functions. The spread syntax is a native JavaScript feature introduced in ECMAScript 2018 (ES2020). The `Object.assign()` method is a built-in JavaScript method that has been available since ECMAScript 5.

**Other alternatives**

If you're interested in exploring alternative approaches, here are some options:

* **Immutable.js**: A library that provides immutable data structures and functions for merging or assigning values.
* **FusionJS**: A library that aims to provide a more efficient and lightweight way of working with objects and arrays.
* **Native merge functions**: Some browsers, like Firefox, provide native `merge()` methods in their built-in object models (e.g., `Object.merge()`).

Keep in mind that these alternatives might not be as widely supported or well-tested as the Lodash library or the native JavaScript methods.

Related benchmarks:

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

Comparing performance of: lodash merge vs lodash assign vs spread vs assign

Created: 7 years ago by: Guest

Jump to the latest result

lodash merge

lodash assign

spread

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