Benchmark: map vs obj creating and accessing

Script Preparation code:

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

Tests:

Using the spread operator
data.forEach((item) => { map1.set(item, Math.random()); });
Using Object.assign
data.forEach((item) => { map2[item] = Math.random(); });
Accessing map
data.forEach((item) => { console.log(map1.get(item)); });
Accessing object
data.forEach((item) => { console.log(map2[item]); });

Rendered benchmark preparation results:

Previous results

Latest run results:

Run details: (Test run date: 6 months ago)

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/OS: Chrome 144 on Mac OS X 10.15.7

Using Object.assign

97/s

Using the spread operator

42/s

Accessing object

1/s

Accessing map

1/s

View exact numbers

map vs obj creating and accessing (version: 1)