Benchmark: lodash uniq vs Array.from(new Set()) vs spread new Set()

HTML Preparation code:

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

Tests:

Spread
return [...new Set([1, 2, 3, 4, 5, 6, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7])]
use lodash
return _.uniq([1, 2, 3, 4, 5, 6, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7]);
Array.from
return Array.from( new Set([1, 2, 3, 4, 5, 6, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7]) );

Historical Performance Data aggregated from 330 community runs

Desktop Results:

Chrome 292 runs

use lodash

10.2M/s

Spread

5.2M/s

Array.from

4.1M/s

Fastest: use lodash (2.5x faster)

View exact numbers

✓ use lodash: 10,223,286 ops/sec
• Spread: 5,184,378 ops/sec
• Array.from: 4,140,880 ops/sec

Firefox 24 runs

use lodash

7.8M/s

Spread

1.6M/s

Array.from

1.6M/s

Fastest: use lodash (5.0x faster)

View exact numbers

✓ use lodash: 7,822,779 ops/sec
• Spread: 1,565,202 ops/sec
• Array.from: 1,562,386 ops/sec

Safari 7 runs

use lodash

15.8M/s

Spread

3.3M/s

Array.from

3.3M/s

Fastest: use lodash (4.8x faster)

View exact numbers

✓ use lodash: 15,849,623 ops/sec
• Spread: 3,339,106 ops/sec
• Array.from: 3,284,396 ops/sec

Mobile Results:

Chrome 7 runs

use lodash

5.7M/s

Spread

2.6M/s

Array.from

2.0M/s

Fastest: use lodash (2.8x faster)

View exact numbers

✓ use lodash: 5,696,578 ops/sec
• Spread: 2,580,736 ops/sec
• Array.from: 2,044,879 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
Spread
use lodash
Array.from

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:109.0) Gecko/20100101 Firefox/115.0

Browser/OS: Firefox 115 on Linux

View result in a separate tab

use lodash

3.5M/s

Spread

917K/s

Array.from

877K/s

View exact numbers

Test name	Executions per second
✓ use lodash	3,517,002 Ops/sec
Spread	916,763 Ops/sec
Array.from	877,013 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 benchmark and explain what's being tested.

**Benchmark Overview**

The benchmark is comparing three approaches to remove duplicates from an array:

1. `lodash uniq`
2. `Array.from(new Set())` (also known as using a `Set` object to convert an array to a set and then back to an array)
3. Using the spread operator (`new Set()` followed by the spread operator (`...`))

**Options Being Compared**

The three options are being compared in terms of performance, specifically execution speed.

* **`lodash uniq`**: This is a library function from Lodash that removes duplicates from an array.
* **`Array.from(new Set())`**: This approach converts an array to a `Set` object (which automatically removes duplicates) and then back to an array using the spread operator (`...`).
* **Using the spread operator (`new Set()` followed by the spread operator (`...`)**): This approach creates a new set from the original array and then uses the spread operator to create a new array with unique elements.

**Pros and Cons**

Here's a brief summary of each approach:

1. **`lodash uniq`**:
	* Pros: Easy to use, efficient, and well-maintained.
	* Cons: Requires an additional library dependency (Lodash).
2. **`Array.from(new Set())`**:
	* Pros: Lightweight, efficient, and doesn't require any additional dependencies.
	* Cons: May be slower than the `lodash uniq` approach due to the conversion overhead.
3. **Using the spread operator (`new Set()` followed by the spread operator (`...`)`**:
	* Pros: Simple, lightweight, and can be optimized for performance.
	* Cons: May require additional processing steps to remove duplicates.

**Library and Its Purpose**

The Lodash library is a popular collection of reusable JavaScript functions. The `uniq` function from Lodash removes duplicate elements from an array while preserving the original order.

**Special JS Feature or Syntax (None)**

There are no special JavaScript features or syntaxes being used in this benchmark. All code snippets follow standard ECMAScript syntax.

**Other Alternatives**

If you're interested in exploring alternative approaches, here are a few options:

* Using `Set.prototype.filter()` or `Array.prototype.filter()` to remove duplicates.
* Utilizing the `reduce()` method with an accumulator and callback function to process the array.
* Leveraging modern JavaScript features like `Map` objects or `WeakMaps` for efficient data structures.

However, these alternatives may not provide a direct comparison with the original three options in this benchmark.

lodash uniq vs Array.from(new Set()) vs spread new Set() (version: 0)

Comparing performance of: `Spread vs use lodash vs Array.from`

Created: 6 years ago by: Guest

Go to the latest result

Spread

use lodash

Array.from

Historical Performance Data aggregated from 330 community runs

Desktop Results:

Chrome 292 runs

Firefox 24 runs

Safari 7 runs

Mobile Results:

Chrome 7 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 Array.from(new Set()) vs spread new Set() (version: 0)

Comparing performance of: Spread vs use lodash vs Array.from

Created: 6 years ago by: Guest

Go to the latest result

Spread

use lodash

Array.from

Historical Performance Data aggregated from 330 community runs

Desktop Results:

Chrome 292 runs

Firefox 24 runs

Safari 7 runs

Mobile Results:

Chrome 7 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: `Spread vs use lodash vs Array.from`