Benchmark: Object cloning with Lodash cloneDeep vs merge vs structuredClone

HTML Preparation code:

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

Script Preparation code:

var o = {
 a: {
   b: 1,
   c: 2,
   d: 3,
   j: {
     k: [1,2,3],
     l: [4,5,6]
   },
 },
 e: [1,2,3,4,5,6],
 f: 1,
 g: {
   h: 1,
 }
}

Tests:

Lodash cloneDeep
const a = _.cloneDeep(o)
Lodash merge
const a = _.merge({}, o)
ES6 structuredClone
const a = structuredClone(o)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Lodash cloneDeep
Lodash merge
ES6 structuredClone

Fastest: N/A

Slowest: N/A

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

LLMs can make mistakes. Check important info.

**Overview**

The provided benchmark, hosted on MeasureThat.net, compares the performance of three methods for object cloning in JavaScript: Lodash's `cloneDeep`, `merge`, and ES6's `structuredClone`. The test creates a complex JSON object (`o`) and measures how long each method takes to clone it.

**Method Comparison**

### 1. Lodash `cloneDeep`

*   **Description:** `cloneDeep` is a deep cloning function that recursively copies all properties of the original object, including nested objects.
*   **Pros:**
    *   Accurately clones complex objects with nested structures.
    *   Handles circular references by creating a new graph.
*   **Cons:**

*   Can be slower due to its recursive nature and handling of complex data structures.

### 2. Lodash `merge`

*   **Description:** `merge` is a function that creates a new object with the properties from two or more source objects, merging them into a single object.
*   **Pros:**

*   Fast and efficient for simple cloning operations.
    *   Handles primitive values and basic data types.
*   **Cons:**

*   Does not handle complex object structures, such as nested arrays or circular references.

### 3. ES6 `structuredClone`

*   **Description:** `structuredClone` is a new function in ECMAScript 2020 that creates a shallow copy of an object.
*   **Pros:**

*   Fast and efficient for simple cloning operations.
    *   Handles primitive values and basic data types.

**Library Used: Lodash**

Lodash is a popular JavaScript utility library that provides various functions for tasks such as array manipulation, object manipulation, and more. In this benchmark, `cloneDeep` and `merge` are used to compare the performance of deep cloning and simple merging operations.

**Special JS Feature or Syntax (None)**

There is no special JavaScript feature or syntax used in this benchmark.

**Other Alternatives**

Other methods for object cloning in JavaScript include:

*   **Object.assign()**: Creates a new object with the properties from an existing source object.
*   **JSON.parse(JSON.stringify(o))**: Creates a deep copy of the original object by parsing its JSON representation and recreating it.

These alternatives may have different performance characteristics, handling complex data structures, or use different methods to create clones.

Latest run results:

Run details: (Test run date: 21 days ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36

Browser/OS: Chrome 130 on Windows

View result in a separate tab

Test name	Executions per second
Lodash cloneDeep	614000.2 Ops/sec
Lodash merge	363379.6 Ops/sec
ES6 structuredClone	498339.1 Ops/sec

Related benchmarks:

Object cloning with Lodash cloneDeep vs merge vs structuredClone (version: 0)

Comparing performance of: Lodash cloneDeep vs Lodash merge vs ES6 structuredClone

Created: one year ago by: Guest

Jump to the latest result

Lodash cloneDeep

Lodash merge

ES6 structuredClone

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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