Benchmark: Lodash difference efficiency

HTML Preparation code:

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

Script Preparation code:

n = 80000
list1 = Array.from({length: n}, () => Math.floor(Math.random() * n))
list2 = Array.from({length: n}, () => Math.floor(Math.random() * n))

Tests:

native (n^2)
diff = list1.filter(v1 => list2.find(v2 => v2 === v1))
lodash
diff = _.difference(list1, list2) console.log(diff)

Historical Performance Data aggregated from 10 community runs

Desktop Results:

Chrome 10 runs

lodash

172/s

native (n^2)

1/s

Fastest: lodash (219.3x faster)

View exact numbers

✓ lodash: 172 ops/sec
• native (n^2): 1 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
native (n^2)
lodash

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 3 months ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/149.0.0.0 Safari/537.36

Browser/OS: Chrome 149 on Windows

View result in a separate tab

lodash

174/s

native (n^2)

1/s

View exact numbers

Test name	Executions per second
✓ lodash	174 Ops/sec
native (n^2)	1 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 world of JavaScript microbenchmarks on MeasureThat.net.

**What is being tested?**

The provided benchmark tests two approaches for finding the difference between two lists: the native approach using vanilla JavaScript and the approach using the popular utility library Lodash.

**Options compared**

The test case compares the performance of two methods:

1. **Native (n^2)**: This method uses a simple loop to filter out elements that are present in both lists, resulting in a time complexity of O(n^2) due to the nested loops.
2. **Lodash**: This method uses the `_.difference()` function from Lodash, which is designed to be efficient and optimized for performance.

**Pros and cons**

* **Native (n^2)**:
	+ Pros: Easy to understand and implement.
	+ Cons: Has a high time complexity due to nested loops, making it inefficient for large datasets.
* **Lodash**:
	+ Pros: Optimized for performance by the library authors, reducing overhead and improving efficiency.
	+ Cons: Introduces additional dependencies (the Lodash library) and may be less intuitive to understand for those not familiar with the library.

**Library**

In this case, the library is Lodash, a popular JavaScript utility library that provides various functions for tasks like array manipulation, string manipulation, and more. The `_.difference()` function is specifically designed to find the difference between two arrays, making it an efficient and convenient solution.

**Special JS feature or syntax**

There are no special JS features or syntax being used in this benchmark that would require additional explanation.

**Other alternatives**

For finding differences between lists, other libraries like Underscore.js (another popular utility library) or custom implementations using JavaScript's built-in `filter()` method could be considered as alternatives. However, Lodash is widely adopted and well-maintained, making it a good choice for many use cases.

The benchmark result shows that the Lodash approach outperforms the native approach by a significant margin, likely due to the optimized implementation of the `_difference()` function in Lodash.

Lodash difference efficiency (version: 2) Benchmark.js

Comparing performance of: `native (n^2) vs lodash`

Created: 6 years ago by: Registered User

Go to the latest result

native (n^2)

lodash

Historical Performance Data aggregated from 10 community runs

Desktop Results:

Chrome 10 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Lodash difference efficiency (version: 2) Benchmark.js

Comparing performance of: native (n^2) vs lodash

Created: 6 years ago by: Registered User

Go to the latest result

native (n^2)

lodash

Historical Performance Data aggregated from 10 community runs

Desktop Results:

Chrome 10 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Related benchmarks

Comparing performance of: `native (n^2) vs lodash`