Benchmark: Lodash isEqual Array of Objects test

HTML Preparation code:

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

Script Preparation code:

// 1 level deep
window.foo1 = [{ a: 1, b: 2, c: { a: 1, b: 2, c: { a: 1, b: 2 } } }, { a: 1, b: 2, c: { a: 1, b: 2, c: { a: 1, b: 2 } } }];
window.bar1 = [{ a: 1, b: 3, c: { a: 1, b: 2, c: { a: 1, b: 2 } } }, { a: 1, b: 3, c: { a: 1, b: 2, c: { a: 1, b: 2 } } }];

// 2 levels deep
window.foo2 = [{ a: 1, b: 2, c: { a: 1, b: 2, c: { a: 1, b: 2 } } }, { a: 1, b: 2, c: { a: 1, b: 2, c: { a: 1, b: 2 } } }];
window.bar2 = [{ a: 1, b: 2, c: { a: 1, b: 3, c: { a: 1, b: 2 } } }, { a: 1, b: 2, c: { a: 1, b: 3, c: { a: 1, b: 2 } } }];

// 3 levels deep
window.foo3 = [{ a: 1, b: 2, c: { a: 1, b: 2, c: { a: 1, b: 2 } } }, { a: 1, b: 2, c: { a: 1, b: 2, c: { a: 1, b: 2 } } }];
window.bar3 = [{ a: 1, b: 2, c: { a: 1, b: 2, c: { a: 1, b: 4 } } }, { a: 1, b: 2, c: { a: 1, b: 2, c: { a: 1, b: 4 } } }];

Tests:

_.isEqual Level 1
_.isEqual(window.foo1, window.bar1)
JSON.stringify Level 1
JSON.stringify(window.foo1) === JSON.stringify(window.bar1);
_.isEqual Level 2
_.isEqual(window.foo2, window.bar2)
JSON.stringify Level 2
JSON.stringify(window.foo2) === JSON.stringify(window.bar2);
_.isEqual Level 3
_.isEqual(window.foo3, window.bar3)
JSON.stringify Level 3
JSON.stringify(window.foo3) === JSON.stringify(window.bar3);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
_.isEqual Level 1
JSON.stringify Level 1
_.isEqual Level 2
JSON.stringify Level 2
_.isEqual Level 3
JSON.stringify Level 3

Fastest: N/A

Slowest: N/A

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

LLMs can make mistakes. Check important info.

Let's break down the provided JSON data and explain what is being tested.

**Benchmark Definition:**

The benchmark defines three levels of nested objects in JavaScript arrays, represented by `foo1`, `bar1`, `foo2`, `bar2`, `foo3`, and `bar3`. The goal is to compare the performance of different approaches to test equality between these arrays.

**Test Cases:**

There are six test cases, each with a unique approach to test equality:

1. **_.isEqual**: Uses the Lodash library's `isEqual` function to compare the two arrays.
2. **JSON.stringify**: Uses the `JSON.stringify` method to convert both arrays to strings and then compares them for equality.

**Options being compared:**

* **_.isEqual**: Compared with each other (i.e., comparing the same arrays using different Lodash functions)
* **JSON.stringify**: Compared with each other, as well as with the _.isEqual approach

**Pros and Cons of each approach:**

1. **_.isEqual**:
	* Pros:
		+ Fast execution time
		+ Does not require explicit string conversion
	* Cons:
		+ Can be slower than JSON.stringify for very large arrays
		+ May have performance issues if the array is too deep or contains complex data structures
2. **JSON.stringify**:
	+ Pros:
		- Wide support across browsers and platforms
		- Easy to implement and understand
	* Cons:
		+ Can be slower than _.isEqual for large arrays due to string conversion overhead
		+ May not perform well for deeply nested objects or complex data structures

**Libraries used:**

* Lodash (`.isEqual` function)

**Special JavaScript feature/syntax:**

None mentioned in the provided data.

**Other considerations:**

1. **Device Platform:** The benchmark is run on a mobile device with Android 13 and Chrome Mobile 110, which may affect performance due to the smaller screen size and processing power.
2. **Operating System:** The benchmark is run on an Android operating system, which may also impact performance compared to other platforms.

In summary, this benchmark compares the performance of two approaches to test equality between JavaScript arrays: Lodash's `isEqual` function and explicit string conversion using `JSON.stringify`. The results will help identify the fastest approach for testing array equality in different scenarios.

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Linux; Android 13; 22041216G) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Mobile Safari/537.36

Browser/OS: Chrome Mobile 110 on Android

View result in a separate tab

Test name	Executions per second
_.isEqual Level 1	571015.2 Ops/sec
JSON.stringify Level 1	250737.9 Ops/sec
_.isEqual Level 2	426328.3 Ops/sec
JSON.stringify Level 2	253925.8 Ops/sec
_.isEqual Level 3	323571.8 Ops/sec
JSON.stringify Level 3	256238.8 Ops/sec

Related benchmarks:

Lodash isEqual Array of Objects test (version: 0)

Test on isEqual performance for array of nested objects

Comparing performance of: _.isEqual Level 1 vs JSON.stringify Level 1 vs _.isEqual Level 2 vs JSON.stringify Level 2 vs _.isEqual Level 3 vs JSON.stringify Level 3

Created: one year ago by: Guest

Jump to the latest result

_.isEqual Level 1

JSON.stringify Level 1

_.isEqual Level 2

JSON.stringify Level 2

_.isEqual Level 3

JSON.stringify Level 3

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