Benchmark: Lodash difference vs JS filter and includes with big array

HTML Preparation code:

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

Script Preparation code:

function makeid(length) {
    var result           = '';
    var characters       = 'abcdefghijklmnopqrstuvwxyz';
    var charactersLength = characters.length;
    for ( var i = 0; i < length; i++ ) {
      result += characters.charAt(Math.floor(Math.random() * 
 charactersLength));
   }
   return result;
}

var array1 = Array.from({length: 10000}, () => makeid(5));
var array2 = Array.from({length: 10000}, () => makeid(5));

Tests:

Lodash difference
filteredArray = _.difference(array1, array2);
JS Filter and includes
filteredArray = array1.filter((arr) => !array2.includes(arr));

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Lodash difference
JS Filter and includes

Fastest: N/A

Slowest: N/A

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

Website Performance Monitoring by Request Metrics

Latest run results:

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

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

Browser/OS: Firefox 121 on Ubuntu

View result in a separate tab

Test name	Executions per second
Lodash difference	604.7 Ops/sec
JS Filter and includes	3.0 Ops/sec

Lodash difference vs JS filter and includes with big array (version: 0)

Comparing performance of: Lodash difference vs JS Filter and includes with big array

Comparing performance of: Lodash difference vs JS Filter and includes

Created: one year ago by: Guest

Jump to the latest result

Lodash difference

JS Filter and includes

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A