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

Run details:

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

Browser: Chrome 146

Operating system: Windows

Device Platform: Desktop

Date tested: one month ago

Test name	Executions per second
Array.findIndex	14544819.0 Ops/sec
Map.get	117856384.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