Run results for: JS Map<number, object> vs Array<{ number, object }> Small

Run details:

User agent: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36

Browser: Chrome 126

Operating system: Chrome OS 14541.0.0

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Array.findIndex	5426556.5 Ops/sec
Map.get	34235816.0 Ops/sec

Script Preparation code:


const object = (id) => ({ a: () => id, b: "id-" + id, });

const map = new Map();

const arr = [];

const max = 100;

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);

Run results for: JS Map<number, object> vs Array<{ number, object }> Small

Array.findIndex

Map.get