Run results for: map vs obj filling and accessing (string as key)

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/144.0.0.0 Safari/537.36

Browser: Chrome 144

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 3 months ago

Test name	Executions per second
Filling map	31.6 Ops/sec
Filling object	43.0 Ops/sec
Accessing map	37.5 Ops/sec
Accessing object	44.3 Ops/sec

Script Preparation code:

const data = new Array(1000000)
	.fill(1)
	.map((item) => "somekeeeey-" + String(Math.floor(Math.random() * 10000)))

const map1 = new Map();
const map2 = {}

Tests:

Filling map
data.forEach((item) => { map1.set(item, { id: item, rand: Math.random() }); });
Filling object
data.forEach((item) => { map2[item] = { id: item, rand: Math.random() }; });
Accessing map
const aggr = [] data.forEach((item) => { aggr.push(map1.get(item)) });
Accessing object
const aggr = [] data.forEach((item) => { aggr.push(map2[item]); });

Run results for: map vs obj filling and accessing (string as key)

Filling map

Filling object

Accessing map

Accessing object