Benchmark: lodash merge vs object.assign vs spread example of stuff and things

HTML Preparation code:

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

Tests:

lodash assign
var a = { a: 'oh', b: 'my' }; var b = { c: 'goddess' }; var c = _.assign(a, b);
object.assign
var a = { a: 'oh', b: 'my' }; var b = { c: 'goddess' }; var c = Object.assign(a, b);
spread
var a = { a: 'oh', b: 'my' }; var b = { c: 'goddess' }; var c = { ...a, ...b };

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
lodash assign
object.assign
spread

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 6 years ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36

Browser/OS: Chrome 71 on Mac OS X 10.14.2

View result in a separate tab

Test name	Executions per second
lodash assign	3078434.8 Ops/sec
object.assign	4942571.5 Ops/sec
spread	4763054.0 Ops/sec

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

LLMs can make mistakes. Check important info.

**Overview of the Benchmark**

The provided JSON represents a JavaScript benchmarking test case on the MeasureThat.net website. The test compares the performance of three approaches: `lodash.merge`, `object.assign`, and the spread operator (`...`). The test aims to measure which approach is the most efficient in merging two objects.

**Library Used: Lodash**

`lodash.merge` is a function from the popular JavaScript utility library Lodash. The library provides various functions for functional programming, data manipulation, and more. In this context, `lodash.merge` is used to merge two objects into one. The library's purpose is to provide a robust set of utilities for building efficient and scalable applications.

**Special JS Feature/Syntax: Spread Operator**

The spread operator (`...`) is a new feature introduced in ECMAScript 2015 (ES6). It allows you to expand an array or object into multiple arguments, as well as merge objects by spreading their properties. In this test, the spread operator is used to merge two objects into one.

**Comparison of Approaches**

Here's a brief comparison of the three approaches:

1. **Lodash `merge`**: This approach uses the Lodash library's `merge` function to combine two objects. The pros are that it's concise and easy to use, while the cons are that it relies on an external library.
2. **`object.assign`**: This approach uses the built-in `Object.assign()` method to merge two objects. The pros are that it's native to JavaScript, which can improve performance compared to using a library. However, it requires a function reference as its first argument (e.g., `(a, b) => ...`). Cons include that it's slightly more verbose than the spread operator.
3. **Spread Operator (`...`)**: This approach uses the spread operator to merge two objects directly. The pros are concise and easy to read, with no external dependencies required. However, cons include that it's only available in ECMAScript 2015 (ES6) and later.

**Performance Results**

The latest benchmark results show that:

* `object.assign` is the fastest approach, executing approximately 3078434.75 times per second.
* The spread operator (`...`) is slightly slower than `object.assign`, executing around 4763054.0 times per second.
* Lodash `merge` is the slowest approach, with an execution rate of approximately 4942571.5 times per second.

**Other Alternatives**

If you prefer not to use the spread operator or Lodash's `merge` function, other alternatives for merging objects include:

* Using a library like `immer` (a popular state management library)
* Implementing your own object merge function using recursion or iteration
* Utilizing the `reduce()` method on an array of key-value pairs

Keep in mind that these alternatives may have different performance characteristics compared to the original three approaches.

Related benchmarks:

lodash merge vs object.assign vs spread example of stuff and things (version: 0)

Comparing performance of: lodash assign vs object.assign vs spread

Created: 6 years ago by: Guest

Jump to the latest result

lodash assign

object.assign

spread

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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