Benchmark: Lodash Intersection vs. ES6 set has

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>

Script Preparation code:

var first = [1, 3, 4, 5, 7];
var second = [2, 3, 5, 6];

Tests:

Javascript ES6 set
const uFirst = Array.from(new Set(first)); uFirst.filter(Set.prototype.has, new Set(second));
Lodash intersection
_.intersection(first, second)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Javascript ES6 set
Lodash intersection

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 26 days ago):

LLMs can make mistakes. Check important info.

Let's break down the benchmark and explain what is being tested.

**What is being tested?**

The benchmark compares two approaches to find the intersection of two arrays: using the `Set` data structure in JavaScript (ES6) and using the `intersection` function from the Lodash library.

In the first test case, "Javascript ES6 set", an array `first` is created and converted to a `Set`, which is then used with the `has` method of another `Set` object `second`. The resulting intersection is extracted from the second set using the `filter` method. This approach relies on the fact that sets only contain unique values, allowing for efficient lookup.

In the second test case, "Lodash intersection", the same two arrays are passed to the `intersection` function provided by Lodash, which returns a new array containing the common elements between the two input arrays. This approach uses a dedicated library function designed specifically for this purpose.

**Options compared**

The benchmark compares two options:

1. **ES6 Set**: This option uses the built-in `Set` data structure in JavaScript to find the intersection of two arrays.
2. **Lodash Intersection**: This option uses the `intersection` function from the Lodash library, which is a dedicated utility for finding common elements between arrays.

**Pros and Cons**

Here are some pros and cons of each approach:

**ES6 Set**

Pros:

* Native support in JavaScript, no additional dependencies
* Fast lookup times due to set data structure

Cons:

* May require additional setup (e.g., converting arrays to sets)
* Limited functionality outside of array intersection

**Lodash Intersection**

Pros:

* Convenient and easy-to-use function for finding common elements between arrays
* Can be used in a wide range of contexts beyond just array intersection

Cons:

* Adds an additional dependency (the Lodash library)
* May have overhead due to the use of a dedicated utility function

**Other considerations**

The benchmark does not account for other factors that might affect performance, such as:

* Array size and distribution
* Platform-specific optimizations or issues
* Other libraries or dependencies used in conjunction with Lodash

If you were to modify this benchmark to include these additional factors, it would provide a more comprehensive picture of the relative performance of these two approaches.

**Library and syntax**

The `Set` data structure is a built-in JavaScript feature introduced in ECMAScript 2015 (ES6). It provides an efficient way to store unique values and perform fast lookup operations.

No special JS features or syntax are explicitly used in this benchmark.

Latest run results:

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

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 11_1_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.150 Safari/537.36

Browser/OS: Chrome 88 on Mac OS X 11.1.0

View result in a separate tab

Test name	Executions per second
Javascript ES6 set	582939.1 Ops/sec
Lodash intersection	1186805.4 Ops/sec

Related benchmarks:

Lodash Intersection vs. ES6 set has (version: 0)

Comparing performance of: Javascript ES6 set vs Lodash intersection

Created: 3 years ago by: Guest

Jump to the latest result

Javascript ES6 set

Lodash intersection

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 26 days ago):