Benchmark: Lodash isEqual vs Native JS Equality with Array values

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.15/lodash.min.js"></script>

Script Preparation code:


var changes = { propertyName: { currentValue: [4], previousValue: [4] } };

Tests:

Lodash isEqual
_.isEqual(changes["propertyName"].currentValue, changes["propertyName"].previousValue)
JS equality
changes["propertyName"].currentValue === changes["propertyName"].previousValue
Lodash !isEqual
!(_.isEqual(changes["propertyName"].currentValue, changes["propertyName"].previousValue))
JS !equality
changes["propertyName"].currentValue !== changes["propertyName"].previousValue

Historical Performance Data aggregated from 5 community runs

Desktop Results:

Chrome 5 runs

JS equality

143.6M/s

JS !equality

141.3M/s

Lodash isEqual

11.4M/s

Lodash !isEqual

11.3M/s

Fastest: JS equality (12.7x faster)

View exact numbers

✓ JS equality: 143,643,328 ops/sec
• JS !equality: 141,346,208 ops/sec
• Lodash isEqual: 11,416,041 ops/sec
• Lodash !isEqual: 11,310,124 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 isEqual
JS equality
Lodash !isEqual
JS !equality

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; rv:137.0) Gecko/20100101 Firefox/137.0

Browser/OS: Firefox 137 on Mac OS X 10.15

View result in a separate tab

JS equality

1595.6M/s

JS !equality

1585.7M/s

Lodash !isEqual

7.7M/s

Lodash isEqual

7.6M/s

View exact numbers

Test name	Executions per second
✓ JS equality	1,595,596,928 Ops/sec
JS !equality	1,585,677,696 Ops/sec
Lodash !isEqual	7,658,500 Ops/sec
Lodash isEqual	7,585,459 Ops/sec

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

LLMs can make mistakes. Check important info.

Let's dive into the world of JavaScript microbenchmarks.

**Benchmark Overview**

The benchmark is designed to compare the performance of two approaches: using Lodash for equality checks (`_.isEqual`) and native JavaScript equality checks (`===`).

**Options Compared**

There are four test cases:

1. **Lodash isEqual**: This test case uses the `_.isEqual()` function from Lodash, a popular utility library for JavaScript.
2. **JS Equality**: This test case uses the native JavaScript `===` operator for equality checks.
3. **Lodash !isEqual**: This test case is the negation of the first test case, using `!(_.isEqual())`.
4. **JS !Equality**: This test case uses the native JavaScript `!==` operator for inequality checks.

**Pros and Cons**

Here's a brief summary:

* **Lodash isEqual**: Pros:
	+ Robust implementation with edge cases handled.
	+ Can handle complex data structures, such as arrays and objects.
	+ Part of a larger utility library, which can be useful for other tasks.
* Cons:
	+ Adds overhead due to the function call and potential memory allocation.
	+ May not be as optimized for simple equality checks.
* **JS Equality**: Pros:
	+ Fast and lightweight, as it only performs a single comparison operation.
	+ Optimized for simple equality checks.
* Cons:
	+ Does not handle complex data structures or edge cases.
	+ Can lead to unexpected behavior if not used carefully (e.g., when using `===` with objects).

**Library and Syntax**

In this benchmark, Lodash is a JavaScript utility library that provides a set of functions for common tasks, such as array manipulation, string formatting, and equality checks. The `_.isEqual()` function is specifically designed to compare two values for equality.

There are no special JS features or syntax used in this benchmark. All tests rely on standard JavaScript functionality.

**Other Alternatives**

If you're looking for alternatives to Lodash, some popular options include:

* **Immer**: A library for managing state changes in immutable applications.
* **Ramda**: Another utility library similar to Lodash, with a focus on functional programming principles.
* **Built-in JavaScript methods**: For simple equality checks, the built-in `===` and `!==` operators are often sufficient.

For more complex data structures or edge cases, you may want to consider libraries like:

* **lodash-es**: A modern implementation of Lodash, designed for ES6+ compatibility.
* **Array.prototype.some()`, `Array.prototype.every()`: Built-in methods for working with arrays.
* **Set and Map data structures**: For efficient storage and lookup of unique values.

Lodash isEqual vs Native JS Equality with Array values (version: 0) Benchmark.js

Comparing performance of: `Lodash isEqual vs JS equality vs Lodash !isEqual vs JS !equality`

Created: 6 years ago by: Registered User

Go to the latest result

Lodash isEqual

JS equality

Lodash !isEqual

JS !equality

Historical Performance Data aggregated from 5 community runs

Desktop Results:

Chrome 5 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 isEqual vs Native JS Equality with Array values (version: 0) Benchmark.js

Comparing performance of: Lodash isEqual vs JS equality vs Lodash !isEqual vs JS !equality

Created: 6 years ago by: Registered User

Go to the latest result

Lodash isEqual

JS equality

Lodash !isEqual

JS !equality

Historical Performance Data aggregated from 5 community runs

Desktop Results:

Chrome 5 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 isEqual vs JS equality vs Lodash !isEqual vs JS !equality`