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

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]) );
.filter() and .indexOf()
const arr = [1, 2, 3, 4, 5, 6, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7] return arr.filter((item, index) => arr.indexOf(item) === index)

Rendered benchmark preparation results:

Previous results

Latest run results:

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

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/149.0.0.0 Safari/537.36

Browser/OS: Chrome 149 on Mac OS X 10.15.7

use lodash

35.8M/s

.filter() and .indexOf()

15.7M/s

Spread

10.5M/s

Array.from

10.4M/s

View exact numbers

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