Benchmark: Lodash cloneDeep vs Object create

HTML Preparation code:

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

Script Preparation code:

var testObject = {
  description: 'Random description.',
  testNumber: 123456789,
  testBoolean: true,
  testObject: {
    testString: 'test string',
    testNumber: 12345
  },
  testArray: [{
    myName: 'test name',
    myNumber: 123245
  }]
};

var testCopy = null;

Tests:

Lodash cloneDeep
testCopy = _.cloneDeep(testObject);
Object.create deep clone
testCopy = Object.create(testObject);

Historical Performance Data aggregated from 8 community runs

Desktop Results:

Chrome 8 runs

Object.create deep clone

3.6M/s

Lodash cloneDeep

489K/s

Fastest: Object.create deep clone (7.4x faster)

View exact numbers

✓ Object.create deep clone: 3,606,345 ops/sec
• Lodash cloneDeep: 489,021 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 cloneDeep
Object.create deep clone

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 11 months ago)

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

Browser/OS: Chrome 139 on Mac OS X 10.15.7

View result in a separate tab

Object.create deep clone

9.3M/s

Lodash cloneDeep

698K/s

View exact numbers

Test name	Executions per second
✓ Object.create deep clone	9,294,131 Ops/sec
Lodash cloneDeep	697,565 Ops/sec

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

LLMs can make mistakes. Check important info.

Let's break down the provided benchmark and its options.

**What is tested:**

The benchmark compares two methods for creating a deep copy of an object:

1. `_.cloneDeep` from Lodash (a popular JavaScript utility library)
2. `Object.create`

These methods are used to create a new, independent copy of the test object (`testObject`). The test object contains nested objects and arrays.

**Options compared:**

The benchmark compares two options:

1. **Lodash cloneDeep**: This method uses Lodash's `cloneDeep` function to create a deep copy of the object.
2. **Object.create**: This method creates a new object using the `Object.create()` constructor, passing the original object as an argument.

**Pros and Cons:**

**Lodash cloneDeep:**

Pros:

* Widely used and tested library
* Provides a simple and efficient way to create deep copies of objects
* Supports various data types (arrays, objects, etc.)

Cons:

* Adds extra dependencies (Lodash)
* May have slower performance due to the overhead of a library

**Object.create:**

Pros:

* Native JavaScript implementation
* Fast and lightweight
* No additional dependencies required

Cons:

* Requires manual configuration and handling of prototype chains
* Less flexible than Lodash's cloneDeep approach

**Other considerations:**

When using `Object.create`, it's essential to be aware that the resulting object is a shallow copy, meaning that any properties added to the new object will only inherit from the original object's prototype chain. If you need to create a deep copy with all nested objects and arrays also copied, this approach may not suffice.

**Library: Lodash**

Lodash is a popular JavaScript utility library that provides various functions for tasks like array manipulation, object creation, and more. `cloneDeep` is one of its most useful functions, which creates a deep copy of an object, handling nested objects and arrays.

**Special JS feature or syntax: None mentioned in the benchmark**

Now, let's take a look at the individual test cases:

1. **Lodash cloneDeep**: This test case uses Lodash's `cloneDeep` function to create a deep copy of the `testObject`.
2. **Object.create deep clone**: This test case uses the `Object.create()` constructor to create a new object that inherits from the original `testObject`. However, as mentioned earlier, this method only creates a shallow copy.

In summary, the benchmark compares two methods for creating deep copies of objects: Lodash's `cloneDeep` and `Object.create`. While both options have their pros and cons, Lodash's cloneDeep is a widely used and efficient solution that requires no additional dependencies.

Lodash cloneDeep vs Object create (version: 0)

compare array copy/clone methods

Comparing performance of: `Lodash cloneDeep vs Object.create deep clone`

Created: 5 years ago by: Registered User

Go to the latest result

Lodash cloneDeep

Object.create deep clone

Historical Performance Data aggregated from 8 community runs

Desktop Results:

Chrome 8 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 cloneDeep vs Object create (version: 0)

compare array copy/clone methods

Comparing performance of: Lodash cloneDeep vs Object.create deep clone

Created: 5 years ago by: Registered User

Go to the latest result

Lodash cloneDeep

Object.create deep clone

Historical Performance Data aggregated from 8 community runs

Desktop Results:

Chrome 8 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 cloneDeep vs Object.create deep clone`