Benchmark: JavaScript filter vs reduce more cases ha

JavaScript filter vs reduce more cases ha (version: 1)

Comparing performance of: Using array filter and reduce + spread vs Using array filter and object assign vs Using array filter and object assign SMALLER array first vs Using array filter and object assign SMALLER array first, includes instead of in vs Using array filter and reduce + spread + includes

Created: 2 years ago by: Registered User

Jump to the latest result

Tests:

Using array filter and reduce + spread
PRIMARY_SCOPES = ['a', 'd'] availableScopes = {'a': 'A', 'b': 'B', 'c': 'C', 'd': 'D'} const output = PRIMARY_SCOPES.filter((scope) => scope in availableScopes).reduce( (result, scope) => ({ ...result, [scope]: availableScopes[scope], }), {}, );
Using array filter and object assign
PRIMARY_SCOPES = ['a', 'd'] availableScopes = {'a': 'A', 'b': 'B', 'c': 'C', 'd': 'D'} const output = {}; Object.entries(availableScopes).forEach(([key, value]) => { if (!PRIMARY_SCOPES.includes(key)) { return; } Object.assign(output, { [key]: value }); }); return output;
Using array filter and object assign SMALLER array first
PRIMARY_SCOPES = ['a', 'd'] availableScopes = {'a': 'A', 'b': 'B', 'c': 'C', 'd': 'D'} const output = {}; PRIMARY_SCOPES.filter((scope) => scope in availableScopes).forEach((scope) => { Object.assign(output, { [scope]: availableScopes[scope] }); }); return output;
Using array filter and object assign SMALLER array first, includes instead of in
PRIMARY_SCOPES = ['a', 'd'] availableScopes = {'a': 'A', 'b': 'B', 'c': 'C', 'd': 'D'} const output = {}; PRIMARY_SCOPES.filter((scope) => Object.keys(availableScopes).includes(scope)).forEach((scope) => { Object.assign(output, { [scope]: availableScopes[scope] }); }); return output;
Using array filter and reduce + spread + includes
PRIMARY_SCOPES = ['a', 'd'] availableScopes = {'a': 'A', 'b': 'B', 'c': 'C', 'd': 'D'} const output = PRIMARY_SCOPES.filter((scope) => Object.keys(availableScopes).includes(scope)).reduce( (result, scope) => ({ ...result, [scope]: availableScopes[scope], }), {}, );

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Using array filter and reduce + spread
Using array filter and object assign
Using array filter and object assign SMALLER array first
Using array filter and object assign SMALLER array first, includes instead of in
Using array filter and reduce + spread + includes

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

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.60 Safari/537.36

Browser/OS: Chrome 100 on Windows

View result in a separate tab

Test name	Executions per second
Using array filter and reduce + spread	574493.0 Ops/sec
Using array filter and object assign	422799.7 Ops/sec
Using array filter and object assign SMALLER array first	509160.9 Ops/sec
Using array filter and object assign SMALLER array first, includes instead of in	432962.1 Ops/sec
Using array filter and reduce + spread + includes	480566.1 Ops/sec

JavaScript filter vs reduce more cases ha (version: 1)

Created: 2 years ago by: Registered User

Jump to the latest result

Using array filter and reduce + spread

Using array filter and object assign

Using array filter and object assign SMALLER array first

Using array filter and object assign SMALLER array first, includes instead of in

Using array filter and reduce + spread + includes

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A