Benchmark: difference vs Set

HTML Preparation code:

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

Script Preparation code:

var arr1 = [];
for(let i = 0; i < 100; i++) {
  arr1.push('' + i);
}

var arr2 = [];
for(let i = 49; i >= 0; i--) {
  arr2.push('' + i);
}

Tests:

_difference
const finalArray = _.difference(arr1, arr2)
Set/Filter
const set2 = new Set([...arr2]); const finalArray = arr1.filter(value => !set2.has(value));

Rendered benchmark preparation results:

Previous results

Test case name	Result
_difference
Set/Filter

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

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

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/109.0

Browser/OS: Firefox 109 on Windows

Test name	Executions per second
_difference	85846.0 Ops/sec
Set/Filter	188622.7 Ops/sec

difference vs Set (version: 0)