Benchmark: filter.map - MeasureThat.net

Script Preparation code:

var arr = [];
for (var i = 0; i < 12345; i++) {
  arr[i] = i;
}

function reduceFilterMap(filterSelector, valueSelector) {
    return [
        (previousValue, currentValue, currentIndex) => {
            const shouldBeAdded = filterSelector(currentValue, currentIndex);
            if (shouldBeAdded) {
                previousValue.push(valueSelector(currentValue, currentIndex));
            }

            return previousValue;
        },
        [],
    ];
}

Tests:

filter.map
arr.filter(v => v % 2).map(v => v * 2);
reduce
arr.reduce(...reduceFilterMap(v => v % 2, v => v * 2))

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
filter.map
reduce

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: one year ago)

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

Browser/OS: Yandex Browser 23 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
filter.map	12177.8 Ops/sec
reduce	6040.9 Ops/sec

filter.map (version: 0)

Comparing performance of: filter.map vs reduce

Created: one year ago by: Guest

Jump to the latest result

filter.map

reduce

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A