Benchmark: Lodash difference vs Filter

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 < 10000; i++) {
  arr1.push('' + i);
}

var arr2 = [];
for(let i = 490; i >= 0; i--) {
  arr2.push('' + i);
}

Tests:

Lodash : small base
const notInArr1 = _.difference(arr2, arr1)
Set & Filter: small base
const notInArr1 = arr2.filter(value => !arr1.includes(value));
Set & Filter: large base
const notInArr2 = arr1.filter(value => !arr2.includes(value));
Lodash: large base
const notInArr2 = _.difference(arr1, arr2)

Rendered benchmark preparation results:

Previous results

ⓘ 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 (Macintosh; Intel Mac OS X 10.15; rv:109.0) Gecko/20100101 Firefox/110.0

Browser/OS: Firefox 110 on Mac OS X 10.15

Lodash difference vs Filter (version: 0)