Benchmark: lodash merge vs object.assign vs lodash assign

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

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
lodash merge
object.assign
lodash assign

Fastest: N/A

Slowest: N/A

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

LLMs can make mistakes. Check important info.

Let's dive into the world of JavaScript microbenchmarks.

**Overview**

The provided JSON represents a benchmark test case that compares three methods for merging two objects: Lodash's `merge()` function, `Object.assign()`, and Lodash's `assign()` function. The test is designed to measure their performance on various browsers and devices.

**Options Compared**

The three options being compared are:

1. **Lodash's merge() function**: This method merges two objects into a new object, overriding existing properties with values from the second object.
2. **Object.assign()**: This method assigns the values of one or more source objects to the properties of a target object.

**Pros and Cons**

Here's a brief summary of the pros and cons of each approach:

* **Lodash's merge() function**:
	+ Pros: Simple, concise syntax; handles nested objects well.
	+ Cons: Requires Lodash library inclusion; may have overhead due to library loading.
* **Object.assign()**:
	+ Pros: Native JavaScript method; no external library required; generally fast.
	+ Cons: Limited support for handling nested objects; can be verbose when used with multiple sources.

**Library and Purpose**

The Lodash library is a popular utility library for JavaScript that provides a wide range of functions for tasks such as array manipulation, object transformation, and more. In this benchmark, the `merge()` function is used to merge two objects, while the `assign()` function is used to assign values from one or more source objects to a target object.

**JavaScript Features**

None of the individual test cases use special JavaScript features or syntax beyond standard ECMAScript 2015 (ES6) functionality. The benchmark only focuses on comparing the performance of these three methods for merging objects.

**Alternatives**

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

* **Underscore.js**: Another popular utility library that provides functions like `merge()` and `assign()`.
* **Object.create()**: A native JavaScript method for creating new objects with specified properties.
* **ES6 Object Rest Spread Operator (Object.assign()) variants**: Some browsers implement variant methods like `Object.values()`-based `Object.assign()` or even a more efficient implementation of `Object.assign()` using the `Object.create()` method.

In conclusion, this benchmark provides valuable insights into the performance differences between three common methods for merging objects in JavaScript.

Latest run results:

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

User agent: Mozilla/5.0 (Linux; Android 9; G8342) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.90 Mobile Safari/537.36

Browser/OS: Chrome Mobile 73 on Android

View result in a separate tab

Test name	Executions per second
lodash merge	934179.4 Ops/sec
object.assign	2120522.2 Ops/sec
lodash assign	1177041.0 Ops/sec

Related benchmarks:

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

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

Created: 6 years ago by: Guest

Jump to the latest result

lodash merge

object.assign

lodash assign

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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