Benchmark: Lodash.isEqual vs JSON.stringify Equality Comparison for Shallow Array of Strings. 22 for store

HTML Preparation code:

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

Script Preparation code:

const appNavigation  = {
    "currentRoute": "Profile"
  };
const appState = {
    "previousState": "active",
    "currentState": "active"
  };
const appVersion = {
    "appVersionState": "ok",
    "error": "Network request failed: http://127.0.0.1:8888/delivery-courier/deliveryCourier/appOpened?version=UI.0.68&device_id=9796748A-0496-480B-96DA-9BA5A4100E70&courier_id=-1&country=ee&device_type=ios&device_name=iPhone%208&device_os_version=13.2.2&device_locale=en-US&language=en-US&session_id=9796748A-0496-480B-96DA-9BA5A4100E70courier1593698168"
  };
const cashOnHands = {
      "balance": {
      "value": 0,
      "currency": "EUR",
      "value_str": "0 €"
    },
    "cashAmount": {
      "value": 0,
      "currency": "EUR",
      "value_str": "0 €"
    }
};

const interactions = {
    "payProviderRequestSent": {},
    "receiveEaterCash": {
      "69": 123
    }
  };

window.foo = {
  appNavigation,
  appState,
  appVersion,
  cashOnHands,
  "earningsSummary": {},
  "externalNavigator": {
    "currentApp": "apple-maps",
    "_persist": {
      "version": 0,
      "rehydrated": true
    }
  },
  interactions,
  "ipLocation": null,
  "isGpsEnabled": true,
  "keepAliveOrders": [
    {
      "order_id": 69
    }
  ],};
window.bar = {
    appNavigation,
  appState,
  appVersion,
  cashOnHands,
  "earningsSummary": {},
  "externalNavigator": {
    "currentApp": "apple-maps",
    "_persist": {
      "version": 0,
      "rehydrated": true
    }
  },
  interactions,
  "ipLocation": null,
  "isGpsEnabled": true,
  "keepAliveOrders": [
    {
      "order_id": 69
    }
  ],};

Tests:

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

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
_.isEqual
JSON.stringify

Fastest: N/A

Slowest: N/A

Latest run results:

No previous run results

This benchmark does not have any results yet. Be the first one to run it!

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 test cases.

**Benchmark Definition JSON**

The benchmark definition is represented by a JSON object that contains information about the benchmark, including its name, description, script preparation code, HTML preparation code, and individual test cases.

In this case, we have two main parts:

1. The `Script Preparation Code`: This section defines several variables (`appNavigation`, `appState`, `appVersion`, etc.) that will be used in the benchmark.
2. The `Html Preparation Code`: This section includes a script tag that loads the Lodash library (version 4.17.4) into the HTML document.

**Individual Test Cases**

We have two test cases:

1. **_.isEqual(window.foo, window.bar)**: This test case compares the equality of two objects (`window.foo` and `window.bar`) using the `_.isEqual` function from Lodash.
2. **JSON.stringify(window.foo) === JSON.stringify(window.bar)**: This test case compares the stringified representations of two objects (`window.foo` and `window.bar`) using the `===` operator.

**What is tested**

In both test cases, we are comparing the equality of two objects or their stringified representations. However, there's a subtle difference:

* In the `_isEqual` test case, we're using a dedicated function from Lodash to compare the equality of two objects.
* In the `JSON.stringify` test case, we're using the `===` operator to compare the stringified representations of two objects.

**Options compared**

In this benchmark, we have two options being compared:

1. Using the `_isEqual` function from Lodash to compare the equality of two objects.
2. Comparing the stringified representations of two objects using the `===` operator.

**Pros and Cons**

Here's a brief analysis of each option:

* **_.isEqual**: This approach uses a specialized function from Lodash that is optimized for performance and accuracy. The pros include:
	+ High accuracy in comparing complex object structures.
	+ Optimized performance for large objects.
	+ Less prone to errors due to the use of a dedicated function.
However, the cons include:
	+ Additional dependency on Lodash library.
	+ May require more memory allocation due to the creation of a new function object.
* **JSON.stringify ===**: This approach uses a simple and lightweight comparison using the `===` operator. The pros include:
	+ Lightweight and easy to implement.
	+ No additional dependencies or overhead.
However, the cons include:
	+ Less accurate in comparing complex object structures due to the loss of type information during stringification.
	+ May be slower than the `_isEqual` approach due to the need for string comparison.

**Other Considerations**

* The use of Lodash library adds an additional dependency that may not be suitable for all environments or projects.
* The `===` operator comparison may not handle complex object structures accurately, leading to false positives or negatives.
* The benchmark results are provided in a format that includes browser, device platform, operating system, and execution frequency. This data can be useful for identifying trends and patterns across different browsers and devices.

**Alternatives**

If you're interested in exploring alternative approaches, here are some options:

1. Use the built-in `JSON.stringify` function with the `replacer` option to customize the comparison process.
2. Implement a custom equality check using a library like `json-stringify-safe` or `deep-equal`.
3. Use a different JavaScript framework or library that provides optimized equality checks, such as `immer` or `react-query`.

Related benchmarks:

Lodash.isEqual vs JSON.stringify Equality Comparison for Shallow Array of Strings. 22 for store (version: 0)

Test on isEqual performance

Comparing performance of: _.isEqual vs JSON.stringify

Created: 5 years ago by: Guest

Jump to the latest result

_.isEqual

JSON.stringify

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

No previous run results

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