Run results for: `filter().length` vs. `reduce` vs. `for` (with Set)

Run details:

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 15_6_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6.1 Mobile/15E148 Safari/604.1

Browser: Mobile Safari 15

Operating system: iOS 15.6.1

Device Platform: Mobile

Date tested: one year ago

Test name	Executions per second
filter().length	1043887.2 Ops/sec
reduce	1251825.1 Ops/sec
for loop	1285931.2 Ops/sec

Script Preparation code:

var sample = new Set(Array(1000).fill(0).map((_, idx) => idx));
var selected = [10, 134, 245, 355, 489, 583, 682, 823, 2081, 3892, 4892, 5829, 6832];

Tests:

filter().length
var total = selected.filter(id => sample.has(id)).length;
reduce
var total = selected.reduce((total, id) => total + (sample.has(id) ? 1 : 0), 0);
for loop
var total = 0; for (const id of selected) { if (sample.has(id)) { total++; } }

Run results for: `filter().length` vs. `reduce` vs. `for` (with Set)

Compare `filter().length` vs `reduce` vs `for` loop for counting array elements that are present in another array.

filter().length

reduce

for loop