Benchmark: arty 2 lodash.isEqual vs fast-deep-equal

HTML Preparation code:

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

Script Preparation code:

function equal(a, b) {
  if (a === b) return true;

  if (a && b && typeof a == 'object' && typeof b == 'object') {
    if (a.constructor !== b.constructor) return false;

    var length, i, keys;
    if (Array.isArray(a)) {
      length = a.length;
      if (length != b.length) return false;
      for (i = length; i-- !== 0;)
        if (!equal(a[i], b[i])) return false;
      return true;
    }



    if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;
    if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();
    if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();

    keys = Object.keys(a);
    length = keys.length;
    if (length !== Object.keys(b).length) return false;

    for (i = length; i-- !== 0;)
      if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;

    for (i = length; i-- !== 0;) {
      var key = keys[i];

      if (!equal(a[key], b[key])) return false;
    }

    return true;
  }

  // true if both NaN, false otherwise
  return a!==a && b!==b;
};

                
// 1 level deep
var excludedProps = [
	'prop4', 'prop6',
];
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:

lodash
data.forEach((item) => { _.isEqual( _.omit(item.value1,excludedProps), _.omit(item.value2,excludedProps)); });
fast-deep-equal
data.forEach((item) => { equal( _.omit(item.value1,excludedProps), _.omit(item.value2,excludedProps)); });

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
lodash
fast-deep-equal

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 dive into the world of JavaScript microbenchmarks!

**Benchmark Definition JSON**

The provided JSON represents a benchmark definition for measuring the performance difference between two equality checking functions, `lodash.isEqual` and `fast-deep-equal`, on an array of test cases.

**Test Cases**

There are two individual test cases:

1. **Lodash**: The benchmark definition uses Lodash's `isEqual` function to compare two objects, excluding certain properties (`prop4` and `prop6`) using the `_omit` function.
2. **Fast-Deep-Equal**: The benchmark definition uses a custom implementation of `fast-deep-equal` to compare two objects.

**Library: Lodash**

Lodash is a popular JavaScript utility library that provides a wide range of functions for tasks such as string manipulation, array and object manipulation, and more. In this case, the `lodash.isEqual` function is used to check if two values are equal.

**Implementation Comparison**

Both implementations compare two objects using a recursive approach:

* Lodash's `isEqual` function uses a combination of checks to determine equality:
	+ If both objects are numbers or primitive values, it simply compares them.
	+ If both objects are arrays or have the same constructor type (e.g., object), it recursively checks each element or property.
	+ If both objects have different constructors, it returns `false`.
* Fast-Deep-Equal's custom implementation uses a similar approach but with some differences:
	+ It uses a recursive function to check if two values are equal.
	+ It has additional optimizations for arrays and objects.

**Pros and Cons**

Here's a brief summary of the pros and cons of each implementation:

* Lodash's `isEqual`:
	+ Pros: Well-maintained, widely used, and tested; provides additional features beyond simple equality checking (e.g., support for NaN values).
	+ Cons: May be slower due to its complexity and overhead.
* Fast-Deep-Equal:
	+ Pros: Optimized for performance, lightweight, and easy to understand.
	+ Cons: Less maintainable, less widely used, and may not cover all edge cases.

**Latest Benchmark Result**

The latest benchmark result shows that:

* Lodash's `isEqual` performs slightly better than Fast-Deep-Equal on this specific test case, with a higher executions per second value (56015.02734375 vs 51380.9609375).

Keep in mind that these results may vary depending on the specific use case and environment.

Related benchmarks:

arty 2 lodash.isEqual vs fast-deep-equal (version: 0)

Comparing performance of: lodash vs fast-deep-equal

Created: 2 years ago by: Guest

Jump to the latest result

lodash

fast-deep-equal

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