Benchmark: Lodash isEqual vs JSON stringify

HTML Preparation code:

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

Script Preparation code:

var len = 1000;

function generateComplexObject() {
    return {
        name: "Test Object",
        values: Array.from({ length: len }, (_, i) => ({ index: i, value: Math.random() })),
        nested: {
            level1: {
                level2: {
                    level3: {
                        key: "Deep Value",
                        arr: Array.from({ length: len }, () => ({ id: Math.random(), data: Array.from({ length: len }, () => Math.random()) }))
                    }
                }
            }
        },
        func: () => {},
        date: new Date(),
        undef: undefined,
    };
}

var obj1 = generateComplexObject();
var obj2 = generateComplexObject();

Tests:

Lodash isEqual
_.isEqual(obj1, obj2);
JSON.stringify
JSON.stringify(obj1) === JSON.stringify(obj2);

Historical Performance Data aggregated from 5 community runs

Desktop Results:

Chrome 5 runs

Lodash isEqual

644K/s

JSON.stringify

33/s

Fastest: Lodash isEqual (19294.6x faster)

View exact numbers

✓ Lodash isEqual: 643,878 ops/sec
• JSON.stringify: 33 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
JSON.stringify

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/128.0.0.0 Safari/537.36

Browser/OS: Chrome 128 on Mac OS X 10.15.7

View result in a separate tab

Lodash isEqual

1.3M/s

JSON.stringify

3/s

View exact numbers

Test name	Executions per second
✓ Lodash isEqual	1,253,294 Ops/sec
JSON.stringify	3 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 benchmark and explain what is being tested.

**Benchmark Definition:**

The test is comparing two approaches to check if two objects are equal: `_.isEqual(obj1, obj2)` from the Lodash library and `JSON.stringify(obj1) === JSON.stringify(obj2)`.

**Lodash isEqual:**

`_.isEqual(obj1, obj2)` is a function from the Lodash library that recursively checks if two objects have the same keys with the same values. It's designed to be more efficient than using the `==` operator or `===` operator on objects, which can lead to unexpected results due to prototype chain inheritance.

Pros:

* More robust and reliable than manual object comparison
* Handles complex object structures, including nested objects and arrays

Cons:

* Requires the Lodash library to be included in the test environment
* May have a higher overhead due to its recursive nature

**JSON.stringify:**

`JSON.stringify(obj1) === JSON.stringify(obj2)` uses the `Stringify()` method of the JSON object to convert both objects into strings, and then compares these strings for equality. This approach is simple but may not work as expected in all cases.

Pros:

* Lightweight and doesn't require any external libraries
* Easy to implement

Cons:

* Can be slow for large objects due to the overhead of string conversion
* May fail for complex object structures or objects with non-string values

**Library Used:**

The Lodash library is used in this benchmark, which provides a set of functional programming helpers and utilities, including `_.isEqual()`. The library is included in the test environment through the provided HTML script tag.

**Special JavaScript Feature/Syntax:**

There are no specific JavaScript features or syntax mentioned in the benchmark that would require special attention. However, it's worth noting that the use of `var` with no `let` or `const` declaration might be considered outdated in modern JavaScript development.

**Other Alternatives:**

If you're looking for alternative approaches to compare two objects, some options include:

* Using a library like Immer.js, which provides an efficient and safe way to update complex object structures
* Implementing a custom object comparison function using the `Object.keys()` method and `Array.prototype.every()`
* Using a diffing algorithm like Lodash's `_.isEqual()` or a library like Fast JSON Patch

Keep in mind that these alternatives may have different trade-offs in terms of performance, simplicity, and reliability.

Lodash isEqual vs JSON stringify (version: 3)

Comparing performance of: `Lodash isEqual vs JSON.stringify`

Created: one year ago by: Registered User

Go to the latest result

Lodash isEqual

JSON.stringify

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 JSON stringify (version: 3)

Comparing performance of: Lodash isEqual vs JSON.stringify

Created: one year ago by: Registered User

Go to the latest result

Lodash isEqual

JSON.stringify

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):

Comparing performance of: `Lodash isEqual vs JSON.stringify`