Benchmark: Lodash Uniq vs Lodash UniqBy vs Javascript Set

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<1000; i++) {
  firstEqual.push({a: {b: {c: i}}});
  secondEqual.push({a: {b: {c: i}}});
}

var arr = [...firstEqual, ...secondEqual];

Tests:

Lodash UniqBy
_.uniqBy(arr, 'a.b.c').map(el =>el.a.b.c)
Javascript Set
[...new Set(arr.map(el => el.a.b.c))]
Lodash Uniq
_.uniq(arr.map(el => el.a.b.c))

Historical Performance Data aggregated from 28 community runs

Desktop Results:

Chrome 28 runs

Javascript Set

31K/s

Lodash Uniq

26K/s

Lodash UniqBy

4K/s

Fastest: Javascript Set (7.2x faster)

View exact numbers

✓ Javascript Set: 30,877 ops/sec
• Lodash Uniq: 25,883 ops/sec
• Lodash UniqBy: 4,280 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
Lodash UniqBy
Javascript Set
Lodash Uniq

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/144.0.0.0 Safari/537.36

Browser/OS: Chrome 144 on Linux

View result in a separate tab

Javascript Set

36K/s

Lodash Uniq

30K/s

Lodash UniqBy

4K/s

View exact numbers

Test name	Executions per second
✓ Javascript Set	36,000 Ops/sec
Lodash Uniq	29,860 Ops/sec
Lodash UniqBy	4,320 Ops/sec

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

LLMs can make mistakes. Check important info.

Let's break down the benchmark and its options.

**Benchmark Overview**

The benchmark compares the performance of three approaches to remove duplicates from an array:

1. **Lodash Uniq**: uses the `uniq` function from Lodash library
2. **Lodash UniqBy**: uses the `uniqBy` function from Lodash library, which removes duplicates based on a specific property (in this case, `'a.b.c'`)
3. **Javascript Set**: uses a native JavaScript `Set` data structure to remove duplicates

**Options Compared**

The three options are compared in terms of their execution speed, measured by the number of executions per second.

**Pros and Cons of Each Approach**

1. **Lodash Uniq**
	* Pros: concise and easy to read code, leverages a well-maintained and widely-used library
	* Cons: depends on Lodash library, which may not be included in all environments (e.g., older browsers)
2. **Lodash UniqBy**
	* Pros: similar to `uniq` but provides an additional layer of control over duplicate removal
	* Cons: adds complexity due to the use of a specific property for duplicate removal, and requires Lodash library
3. **Javascript Set**
	* Pros: native JavaScript implementation, no external dependencies required, efficient and lightweight
	* Cons: may require manual handling of edge cases (e.g., null or undefined values), can be less readable due to its functional programming nature

**Library and Syntax**

The benchmark uses the Lodash library, which is a popular utility library for JavaScript that provides various functions for tasks like string manipulation, array manipulation, and more. The `uniq` and `uniqBy` functions are part of this library.

There are no special JavaScript features or syntax used in this benchmark, apart from the use of arrow functions (`=>`) in some cases.

**Alternatives**

Other alternatives for removing duplicates from an array include:

* Using a simple loop to iterate over the array and check for duplicates
* Using a combination of `filter()` and `reduce()` functions to remove duplicates
* Using a library like Moment.js or Underscore.js, which provide similar functionality to Lodash

However, these alternatives may not be as efficient or concise as using a native JavaScript `Set` data structure or the Lodash library.

The benchmark's focus on exploring different approaches for removing duplicates from an array makes it a useful resource for developers looking to optimize their code and understand the trade-offs of different methods.

Lodash Uniq vs Lodash UniqBy vs Javascript Set (version: 0) Benchmark.js

Comparing performance of: `Lodash UniqBy vs Javascript Set vs Lodash Uniq`

Created: 6 years ago by: Guest

Go to the latest result

Lodash UniqBy

Javascript Set

Lodash Uniq

Historical Performance Data aggregated from 28 community runs

Desktop Results:

Chrome 28 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 Uniq vs Lodash UniqBy vs Javascript Set (version: 0) Benchmark.js

Comparing performance of: Lodash UniqBy vs Javascript Set vs Lodash Uniq

Created: 6 years ago by: Guest

Go to the latest result

Lodash UniqBy

Javascript Set

Lodash Uniq

Historical Performance Data aggregated from 28 community runs

Desktop Results:

Chrome 28 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: `Lodash UniqBy vs Javascript Set vs Lodash Uniq`