Benchmark: JS Map<number, object> vs Array<{ number, object }>

Script Preparation code:


const object = (id) => ({ a: () => id, b: "id-" + id, });

const map = new Map();

const arr = [];

const max = 100_000;

for (let i = 0; i < max; i++) {
  	map.set(i, object(i));
  	arr.push({ id: i, ...object(i) });
}

const rng = () => Math.floor(Math.random() * max);

Tests:

Array.findIndex
const id = rng(); const index = arr.findIndex((obj) => obj.id === id);
Map.get
const id = rng(); const value = map.get(id);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Array.findIndex
Map.get

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:132.0) Gecko/20100101 Firefox/132.0

Browser/OS: Firefox 132 on Ubuntu

View result in a separate tab

Test name	Executions per second
Array.findIndex	2175.2 Ops/sec
Map.get	255799296.0 Ops/sec

Related benchmarks:

Large Map vs Object 2
Object vs Map 5
map vs object - key access
map vs object - key access 2
Object key access vs array finds
map vs object - key access (string key)
map vs object - key access (string key2)
Get from object vs get from map
JS Map<number, object> vs Array<{ number, object }> Small

JS Map<number, object> vs Array<{ number, object }> (version: 1)

Comparing performance of: Array.findIndex vs Map.get

Created: one year ago by: Guest

Jump to the latest result

Array.findIndex

Map.get

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A