Benchmark: Lodash.isEqual vs JSON.stringfy comparision performance

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: one year 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

Test name	Executions per second
Lodash.isEqual	757721.2 Ops/sec
JSON.stringfy	457067.2 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 explanation of the provided JSON benchmark.

**Benchmark Overview**

The benchmark compares the performance of two approaches:

1. Using Lodash's `isEqual` function to compare two arrays (`window.foo` and `window.bar`)
2. Comparing the JSON stringified versions of the two arrays using the equality operator (`===`) (`JSON.stringify(window.foo)` and `JSON.stringify(window.bar)`)

**Lodash.isEqual**

* Purpose: The `isEqual` function checks if two objects or arrays are deeply equal, i.e., they have the same structure and contents.
* Library: Lodash is a popular JavaScript utility library that provides various functions for tasks like array manipulation, object manipulation, and more.
* Pros:
	+ Handles deep equality checks between complex data structures.
	+ Provides a concise way to compare objects or arrays without writing custom logic.
* Cons:
	+ Can be slower than a simple JSON comparison due to the additional overhead of calling a library function.
	+ May not be optimized for performance, especially when dealing with large datasets.

**JSON.stringify**

* Purpose: The `JSON.stringify` method converts a JavaScript value into a JSON string, which can then be compared to another string using the equality operator (`===`).
* Pros:
	+ Fast and efficient comparison of JSON strings.
	+ Does not require any additional libraries or functions.
* Cons:
	+ Only compares the values at the top level of the objects or arrays. For example, it will not check if two nested objects have the same properties and values.
	+ Can lead to false positives if the input data contains non-JSON serializable types (e.g., Date, RegExp) that are trimmed during serialization.

**Other Considerations**

* **Device Platform and Browser**: The benchmark is run on a Mac OS X 10.15.7 desktop with Chrome 126 browser. If you want to compare results across different platforms or browsers, you would need to modify the benchmark script to accommodate those differences.
* **Optimizations**: Some JavaScript engines may optimize certain functions or syntax features for better performance. For example, some engines might use a faster implementation of `JSON.stringify` when comparing strings.

**Alternatives**

If you want to explore alternative approaches, consider the following options:

1. **Manual Comparison**: Write your own custom function to compare the two arrays or objects using a loop or recursion.
2. **Other JSON Libraries**: Use different libraries like UglifyJS (for minification) or json5 (for more comprehensive JSON handling).
3. **Native JavaScript Features**: Explore native features like `Object.is()` (introduced in ECMAScript 2015) for comparing objects, which might offer better performance than Lodash's `isEqual` function.

Keep in mind that the choice of approach depends on your specific requirements and performance constraints.

Related benchmarks:

Lodash.isEqual vs JSON.stringfy comparision performance (version: 0)

Test performance when the result is true

Comparing performance of: Lodash.isEqual vs JSON.stringfy

Created: one year ago by: Registered User

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