Benchmark: Lodash.isEqual vs JSON.stringfy compare

HTML Preparation code:

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

Script Preparation code:

window.foo = [
            {
                "seizoGyoshaCd": "52082",
                "seizoGyoshaKanji": "日鉄建材株式会社",
                "deleteFlg": "0",
                "torokDate": 1589986800000,
                "lastUpdShainId": null,
                "lastUpdDate": null
            },
            {
                "seizoGyoshaCd": "88888",
                "seizoGyoshaKanji": "東京製鐵株式会社",
                "deleteFlg": "0",
                "torokDate": 1589986800000,
                "lastUpdShainId": null,
                "lastUpdDate": null
            },
            {
                "seizoGyoshaCd": "NIKEN",
                "seizoGyoshaKanji": "株式会社ﾆｯｹﾝ鋼業",
                "deleteFlg": "0",
                "torokDate": 1589986800000,
                "lastUpdShainId": null,
                "lastUpdDate": null
            }
        ];
window.bar = [
            {
                "seizoGyoshaCd": "52082",
                "seizoGyoshaKanji": "日鉄建材株式会社",
                "deleteFlg": "0",
                "torokDate": 1589986800000,
                "lastUpdShainId": null,
                "lastUpdDate": null
            },
            {
                "seizoGyoshaCd": "88888",
                "seizoGyoshaKanji": "東京製鐵株式会社",
                "deleteFlg": "0",
                "torokDate": 1589986800000,
                "lastUpdShainId": null,
                "lastUpdDate": null
            },
            {
                "seizoGyoshaCd": "NIKEN",
                "seizoGyoshaKanji": "株式会社ﾆｯｹﾝ鋼業",
                "deleteFlg": "0",
                "torokDate": 1589986800000,
                "lastUpdShainId": null,
                "lastUpdDate": null
            }
        ];

Tests:

Lodash.isEqual
_.isEqual(window.foo, window.bar)
JSON.stringfy
JSON.stringify(window.foo) === JSON.stringify(window.bar);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Lodash.isEqual
JSON.stringfy

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 2 years ago)

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

Browser/OS: Chrome 126 on Mac OS X 10.15.7

View result in a separate tab

Lodash.isEqual

690K/s

JSON.stringfy

404K/s

View exact numbers

Test name	Executions per second
✓ Lodash.isEqual	689,831 Ops/sec
JSON.stringfy	404,462 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 its options.

**Benchmark Definition**

The benchmark tests two different approaches to compare two arrays: using Lodash's `isEqual` function and using the equality operator (`===`) with `JSON.stringify`.

**Options Compared**

1. **Lodash's `isEqual` function**: This approach uses a custom JavaScript function from the Lodash library to perform a deep comparison of the two arrays.
2. **Equality Operator (`===`) with `JSON.stringify`**: This approach converts both arrays to JSON strings using `JSON.stringify` and then compares them using the equality operator.

**Pros and Cons**

1. **Lodash's `isEqual` function**:
	* Pros:
		+ Can handle complex data structures, such as nested objects and arrays.
		+ Is optimized for performance.
	* Cons:
		+ Requires loading an additional library (Lodash).
		+ May be slower due to the overhead of the Lodash library.
2. **Equality Operator (`===`) with `JSON.stringify`**:
	* Pros:
		+ Fast and lightweight, as it only requires standard JavaScript operations.
		+ Does not require loading any external libraries.
	* Cons:
		+ May not work correctly for complex data structures or nested objects.
		+ Can be slower due to the overhead of converting objects to JSON strings.

**Library: Lodash**

Lodash is a popular JavaScript utility library that provides a wide range of functions for tasks such as array manipulation, object transformation, and more. In this benchmark, Lodash's `isEqual` function is used to perform a deep comparison of two arrays.

**Special JS Feature/Syntax: None**

There are no special JavaScript features or syntax used in this benchmark beyond standard JavaScript operations.

**Other Alternatives**

If you wanted to implement an alternative approach for the equality operator (`===`) with `JSON.stringify`, you could use other methods, such as:

* Recursively comparing objects and arrays using a custom implementation.
* Using a library like JSONdiff.js or UglifyJS to compare JSON strings.
* Implementing a custom equality function that handles specific data structures or edge cases.

Keep in mind that these alternatives may have different performance characteristics and trade-offs compared to the original approach.

Lodash.isEqual vs JSON.stringfy compare (version: 0)

Test comparison

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

Created: 2 years ago by: Guest

Go to the latest result

Lodash.isEqual

JSON.stringfy

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.stringfy compare (version: 0)

Test comparison

Comparing performance of: Lodash.isEqual vs JSON.stringfy

Created: 2 years ago by: Guest

Go to the latest result

Lodash.isEqual

JSON.stringfy

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 JSON.stringfy`