Benchmark: find by value of object in array VS find by key of object (ver2)

Script Preparation code:

var array = Array.from(Array(10001), (_,x) => ({ id: x, value: x * 10 }));
// a = [{ id: 0, value: 0 }, { id: 1, value: 10 }, { id: 2, value: 20 }, ..., { id: 10000, value: 100000 }]
var object = array.reduce((cum, { id, value }) => ({ ...cum, [id]: value }), {});
// o = { 0: 0, 1: 10, 2: 20, 3: 30, ..., 10000: 100000 };
var randomIds = Array.from(Array(100000), () => Math.floor(Math.random() * 10000));

Tests:

filter by id from array
randomIds.forEach(id => array.filter(a => a.id === id)[0])
find by id from array
randomIds.forEach(id => array.find(a => a.id === id))
find by key of object
randomIds.forEach(id => object[id])

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
filter by id from array
find by id from array
find by key of object

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 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36

Browser/OS: Chrome 102 on Linux

View result in a separate tab

Test name	Executions per second
filter by id from array	0.5 Ops/sec
find by id from array	1.3 Ops/sec
find by key of object	86.3 Ops/sec

find by value of object in array VS find by key of object (ver2) (version: 1)

Comparing performance of: filter by id from array vs find by id from array vs find by key of object

Created: one year ago by: Registered User

Jump to the latest result

filter by id from array

find by id from array

find by key of object

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A