Benchmark: custom Set vs Lodash vs custom Array intersection (v3)

HTML Preparation code:

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

Script Preparation code:

var first = [4, 5, 6, 7, 8];
var second = [1, 2, 3, 4];

var firstSet = new Set(first)
var secondSet = new Set(second);

Tests:

Custom Set intersection
function hasIntersection(set, iterable) { if (set.size > 0) { for (const item of iterable) { if (set.has(item)) { return true; } } } return false; } function doSetsHaveIntersection(a, b) { if (a.size > b.size) { return hasIntersection(a, b); } else { return hasIntersection(b, a); } } doSetsHaveIntersection(secondSet, firstSet)
Lodash intersection
_.intersection(second, first)
custom Array intersection
function doArraysIntersect( firstArray, secondArray ) { if (!firstArray || firstArray.length === 0 || !secondArray || secondArray.length === 0) { return false; } for (let ii = 0; ii < firstArray.length; ii++) { const element = firstArray[ii]; if (secondArray.indexOf(element) > -1) { return true; } } return false; } doArraysIntersect(second, first)

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: 2 years ago)

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

Browser/OS: Chrome 99 on Mac OS X 10.15.7

custom Set vs Lodash vs custom Array intersection (v3) (version: 3)