Benchmark: Fast deep equal vs JSON.stringify

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/npm/fast-equals@5.0.1/dist/min/index.js"></script>

Script Preparation code:


// 1 level deep
var data = [
                    {
                        description: 'equal numbers',
                        value1: 1,
                        value2: 1,
                        equal: true,
                    },
                    {
                        description: 'not equal numbers',
                        value1: 1,
                        value2: 2,
                        equal: false,
                    },
                    {
                        description: 'number and array are not equal',
                        value1: 1,
                        value2: [],
                        equal: false,
                    },
                    {
                        description: '0 and null are not equal',
                        value1: 0,
                        value2: null,
                        equal: false,
                    },
                    {
                        description: 'equal strings',
                        value1: 'a',
                        value2: 'a',
                        equal: true,
                    },
                    {
                        description: 'big object',
                        value1: {
                            prop1: 'value1',
                            prop2: 'value2',
                            prop3: 'value3',
                            prop4: {
                                subProp1: 'sub value1',
                                subProp2: {
                                    subSubProp1: 'sub sub value1',
                                    subSubProp2: [
                                        1,
                                        2,
                                        { prop2: 1, prop: 2 },
                                        4,
                                        5,
                                    ],
                                },
                            },
                            prop5: 1000,
                            prop6: new Date(2016, 2, 10),
                        },
                        value2: {
                            prop5: 1000,
                            prop3: 'value3',
                            prop1: 'value1',
                            prop2: 'value2',
                            prop6: new Date('2016/03/10'),
                            prop4: {
                                subProp2: {
                                    subSubProp1: 'sub sub value1',
                                    subSubProp2: [
                                        1,
                                        2,
                                        { prop2: 1, prop: 2 },
                                        4,
                                        5,
                                    ],
                                },
                                subProp1: 'sub value1',
                            },
                        },
                        equal: true,
                    },
                ];

Tests:

JSON.stringify
data.forEach((item) => { JSON.stringify(item.value1) === JSON.stringify(item.value2); });
fast equal
data.forEach((item) => { window["fast-equals"].deepEqual(item.value1, item.value2); });

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
JSON.stringify
fast equal

Fastest: N/A

Slowest: N/A

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

LLMs can make mistakes. Check important info.

**Overview**

MeasureThat.net is a website that allows users to create and run JavaScript microbenchmarks. The provided JSON represents two benchmark definitions, each with its own test cases. We'll break down what's being tested, the pros and cons of different approaches, and discuss any special libraries or syntax used.

**Benchmark Definitions**

There are two benchmark definitions:

1. **Fast deep equal vs JSON.stringify**: This benchmark compares the performance of using `JSON.stringify()` and a custom "fast-equals" library to check for deep equality between two objects.
2. **JSON.stringify**: This benchmark measures the performance of simply using `JSON.stringify()` to compare two objects.

**Script Preparation Code**

The script preparation code defines an array `data` with various test cases, each containing different values and expected outcomes for equality checks.

**Html Preparation Code**

The HTML preparation code includes a script tag that loads the "fast-equals" library, which is used in one of the benchmark definitions.

**Individual Test Cases**

There are two individual test cases:

1. **JSON.stringify**: This test case uses `JSON.stringify()` to compare each value in the `data` array with its corresponding value in another object.
2. **Fast equal**: This test case uses the "fast-equals" library's `deepEqual()` method to check for deep equality between each value in the `data` array and its corresponding value in another object.

**Pros and Cons**

Here are some pros and cons of using `JSON.stringify()` versus a custom equality checking library like "fast-equals":

* **JSON.stringify()**:
	+ Pros: Simple, widely supported, and efficient for simple equality checks.
	+ Cons: Can be slow and memory-intensive for large objects or complex data structures.
	+ Potential issues: May not work correctly with certain types of data (e.g., dates, numbers) or edge cases (e.g., NaN, Infinity).
* **Fast-equals library**:
	+ Pros: Optimized for performance, supports deep equality checks, and handles various edge cases.
	+ Cons: Requires an additional library download and may have smaller community support compared to built-in `JSON.stringify()`.

**Other Alternatives**

If you're looking for alternative libraries or approaches for equality checking, consider:

* **Lodash's `isEqual()`**: A popular utility library that provides a comprehensive equality checking function.
* **Object.is()**: A modern browser API that can be used for simple equality checks.
* **Deep-Equals**: Another popular library specifically designed for deep equality checks.

**Special Syntax and Libraries**

The "fast-equals" library uses a custom syntax to define the `deepEqual()` method, which is not part of standard JavaScript. This allows for more efficient and flexible equality checking compared to using `JSON.stringify()` alone.

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

Browser/OS: Chrome 120 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
JSON.stringify	86094.6 Ops/sec
fast equal	420607.8 Ops/sec

Related benchmarks:

Fast deep equal vs JSON.stringify (version: 0)

Comparing performance of: JSON.stringify vs fast equal

Created: one year ago by: Guest

Jump to the latest result

JSON.stringify

fast equal

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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