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

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.41 Safari/537.36

Browser/OS: Chrome 101 on Linux

View result in a separate tab

Test name	Executions per second
lodash merge	3837567.2 Ops/sec
object.assign	7157920.5 Ops/sec
spread	2295137.2 Ops/sec

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

LLMs can make mistakes. Check important info.

Let's break down the benchmark and its test cases.

**What is being tested?**

The benchmark measures the performance of three different approaches to merge two objects in JavaScript:

1. Lodash `_.merge()`
2. `Object.assign()`
3. Spread syntax (`{ ...a, ...b }`)

These three approaches are compared to determine which one is the fastest.

**Options being compared:**

* **Lodash `_merge()`**: A utility function from the Lodash library that merges two objects recursively.
* **`Object.assign()`**: A built-in JavaScript method that copies the properties of one or more source objects to a target object.
* **Spread syntax (`{ ...a, ...b }`)**: An alternative syntax for merging objects using the spread operator.

**Pros and Cons:**

* **Lodash `_merge()`**:
	+ Pros: Flexible, handles recursive merge, and can be used with other Lodash functions.
	+ Cons: Requires an additional library (Lodash), may have a higher overhead due to its complexity.
* **`Object.assign()`**:
	+ Pros: Built-in, easy to use, and fast.
	+ Cons: Only works for shallow merges, handles array merging differently than object merging.
* **Spread syntax (`{ ...a, ...b }`)**:
	+ Pros: Simple, modern syntax, and can handle shallow merges quickly.
	+ Cons: Limited support on older browsers or with non-object data types.

**Library usage:**

The `lodash` library is used in the first test case to implement the `_merge()` function. The library provides a range of utility functions that can be imported and used in JavaScript code.

**Special JS feature/syntax:**

None mentioned specifically, but it's worth noting that the spread syntax (`{ ...a, ...b }`) is a relatively modern syntax introduced in ECMAScript 2018 (ES8).

**Other alternatives:**

Other approaches to merge objects include:

* Using `Object.create()` and then assigning properties
* Creating a new object with `Object.assign()` and then modifying it
* Using a loop or recursion to manually iterate over properties

However, these alternatives may be slower or more complex than the three options being compared in this benchmark.

Related benchmarks:

lodash merge vs object.assign vs spread ыфвафыва (version: 0)

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

Created: 5 years ago by: Guest

Jump to the latest result

lodash merge

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