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

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: [1, 2, 3] }; var b = { b: [2, 3, 4] }; var c = _.merge(a, b);
object.assign
var a = { a: 'oh', b: [1, 2, 3] }; var b = { b: [2, 3, 4] }; var c = Object.assign(a, b);
spread
var a = { a: 'oh', b: [1, 2, 3] }; var b = { b: [2, 3, 4] }; var c = { ...a, ...b };

Historical Performance Data aggregated from 7 community runs

Desktop Results:

Chrome 7 runs

object.assign

41.4M/s

spread

37.4M/s

lodash merge

2.1M/s

Fastest: object.assign (20.1x faster)

View exact numbers

✓ object.assign: 41,407,752 ops/sec
• spread: 37,410,100 ops/sec
• lodash merge: 2,059,794 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

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: one year ago)

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

Browser/OS: Chrome 135 on Mac OS X 10.15.7

View result in a separate tab

object.assign

23.2M/s

spread

18.8M/s

lodash merge

1.2M/s

View exact numbers

Test name	Executions per second
✓ object.assign	23,179,496 Ops/sec
spread	18,784,240 Ops/sec
lodash merge	1,223,748 Ops/sec

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

LLMs can make mistakes. Check important info.

Measuring the performance of JavaScript libraries and functions is crucial in understanding their efficiency, especially when dealing with complex data structures like objects and arrays.

**Benchmark Definition:**
The benchmark tests the performance of three approaches to merge two objects or arrays:

1.  **Lodash Merge (`_merge` method):** Lodash is a popular JavaScript utility library that provides various helper functions for tasks such as array manipulation, string manipulation, and more.
2.  **Object Assign (`Object.assign()` method):** This is a built-in JavaScript method used to copy the values of all or part of one or more source objects to a target object.
3.  **Spread Operator (with arrays):** The spread operator (`...`) allows you to expand an iterable and use its elements as individual arguments.

**Options Compared:**

*   Lodash Merge
*   Object Assign
*   Spread Operator with Arrays

**Pros and Cons of Each Approach:**

### Lodash Merge:

Pros:

*   Efficient for merging objects with a large number of properties.
*   Provides more control over the merge process, such as specifying which properties to keep or overwrite.

Cons:

*   Adds extra overhead due to the library itself.
*   May not be optimized for performance in all cases.

### Object Assign:

Pros:

*   Built-in method, so no additional library is required.
*   Fast and lightweight execution.

Cons:

*   Can be slower than Lodash Merge for large objects or arrays.
*   Limited control over the merge process.

### Spread Operator (with Arrays):

Pros:

*   Easy to use and understand.
*   No additional libraries are required.

Cons:

*   May be slower than Lodash Merge or Object Assign for very large data structures.
*   Limited control over the merge process.

**Library and Purpose:**

The `lodash` library is a popular JavaScript utility library that provides various helper functions for tasks such as array manipulation, string manipulation, and more. In this benchmark, `lodash.merge` is used to compare its performance with the built-in `Object.assign()` method and the spread operator with arrays.

**Special JS Feature or Syntax:**

The benchmark uses the spread operator (`...`) which is a relatively new feature in JavaScript, introduced in ECMAScript 2018. The syntax allows you to expand an iterable (such as an array) and use its elements as individual arguments.

**Other Alternatives:**

1.  **Immutable.js:** A library that provides immutable data structures and functions for working with them.
2.  **JSON Merge Patch:** A lightweight JSON patching library that can be used for merging objects or arrays.
3.  **Merging libraries like `jsonmerge`**: These are specialized libraries designed specifically for merging JSON data.

In summary, the benchmark tests the performance of three approaches to merge objects or arrays: Lodash Merge (`_merge` method), Object Assign (`Object.assign()` method), and Spread Operator with Arrays. Each approach has its pros and cons, and understanding these can help in choosing the most efficient solution for a specific use case.

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

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

Created: 7 years ago by: Guest

Go to the latest result

lodash merge

object.assign

spread

Historical Performance Data aggregated from 7 community runs

Desktop Results:

Chrome 7 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

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

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

Created: 7 years ago by: Guest

Go to the latest result

lodash merge

object.assign

spread

Historical Performance Data aggregated from 7 community runs

Desktop Results:

Chrome 7 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Related benchmarks

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