Benchmark: `filter().length` vs. `reduce` vs. `for` fork

Script Preparation code:

var sample = Array(10000).fill(0).map((_, idx) => idx);
var toSelect = 5000;

Tests:

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

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 month ago)

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

Browser/OS: Chrome 119 on Mac OS X 10.15.7

`filter().length` vs. `reduce` vs. `for` fork (version: 0)