Benchmark: vanilla vs lodash array difference

HTML Preparation code:

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

Script Preparation code:

var listA = _.range(10000)
var listB = _.range(9000)

Tests:

_.difference
const r1 = _.difference(listA, listB) console.log(1, r1)
_.filter
const r2 = _.filter(listA, x => !_.includes(listB, x)) console.log(2, r2)
filter (es6)
const r3 = listA.filter(x => !listB.includes(x)) console.log(3, r3)

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_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36

Browser/OS: Chrome 112 on Mac OS X 10.15.7

vanilla vs lodash array difference (version: 0)