Benchmark: Javascript Set vs Lodash Uniq

HTML Preparation code:

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

Script Preparation code:

var firstEqual = [];
var secondEqual = [];

for (var i=0; i<=1000000; i++) {
  firstEqual.push(i);
  secondEqual.push(i);
}

var arrayToDedup = [...firstEqual, ...secondEqual];

Tests:

Lodash Uniq
_.uniq(arrayToDedup);
Javascript Set
[...new Set(arrayToDedup)]

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Lodash Uniq
Javascript Set

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 explanation of the benchmark.

**Benchmark Overview**

The provided JSON represents a JavaScript microbenchmark that compares two approaches for removing duplicates from an array: using Lodash's `uniq` function and utilizing the built-in `Set` data structure in JavaScript.

**Script Preparation Code**

The script preparation code creates two identical arrays, `firstEqual` and `secondEqual`, with 1,000,001 elements each. This is done to ensure that both approaches are working with the same input data. The code then uses array destructuring to concatenate these two arrays into a single array, `arrayToDedup`.

**Html Preparation Code**

The HTML preparation code includes a reference to Lodash's `lodash.min.js` library, which will be used by the `uniq` function in one of the benchmark cases.

**Individual Test Cases**

There are two test cases:

1. **Lodash Uniq**: This test case uses Lodash's `uniq` function to remove duplicates from `arrayToDedup`. The purpose of this test is to measure the performance of using an external library for array deduplication.
2. **JavaScript Set**: This test case uses the built-in `Set` data structure in JavaScript to remove duplicates from `arrayToDedup`. The purpose of this test is to measure the performance of using a native JavaScript approach for array deduplication.

**Pros and Cons of Each Approach**

1. **Lodash Uniq**
	* Pros:
		+ Easy to use and understand, as it's a well-established library with a simple API.
		+ Can be useful for larger projects where performance optimization is not a top priority.
	* Cons:
		+ Adds an external dependency, which can increase the size of the bundle and potentially slow down page loads.
		+ May have performance overhead due to the creation of a new array.
2. **JavaScript Set**
	* Pros:
		+ No external dependencies, reducing the bundle size and potential page load delays.
		+ Can be more efficient for large datasets, as it uses a native data structure.
	* Cons:
		+ May require more code to implement correctly, especially when handling edge cases (e.g., null or undefined values).
		+ May have slightly slower performance due to the need to create and manipulate `Set` objects.

**Other Considerations**

1. **Language Features**: Both tests use modern JavaScript features, such as array destructuring and `let`/`const` variables.
2. **Browser Variability**: The benchmark results are based on Firefox 75 running on a Windows Desktop device. This means that the performance results may vary across different browsers, versions, and platforms.

**Alternative Approaches**

1. **Using Array.prototype.filter()**: Another approach to remove duplicates from an array is to use `Array.prototype.filter()` in combination with a callback function.
2. **Using Ramda library**: Like Lodash, Ramda is another functional programming library that provides various utilities, including `uniq`.
3. **Manual loop-based approach**: A more traditional, non-functional programming approach can be used by manually looping through the array and checking for duplicates.

Keep in mind that these alternative approaches may have different trade-offs in terms of performance, readability, and maintainability.

Related benchmarks:

Javascript Set vs Lodash Uniq (version: 0)

Comparing performance of: Lodash Uniq vs Javascript Set

Created: 6 years ago by: Guest

Jump to the latest result

Lodash Uniq

Javascript Set

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