Run results for: new Map vs set array to map

Run details:

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

Browser: Chrome 121

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

push array to map

13.0M/s

new Map

56K/s

View exact numbers

Test name	Executions per second
✓ push array to map	12,998,737 Ops/sec
new Map	56,133 Ops/sec

Script Preparation code:

var arr = [];

for (let i = 1; i <= 100; i++) {
  arr.push({ id: i, name: `${i}` });
}

var arr2 = [];

for (let i = 101; i <= 200; i++) {
  arr.push({ id: i, name: `${i}` });
}

var map = new Map(arr.map(item => [item.id, item]));

Tests:

new Map
const map2 = new Map(arr2.map(item => [item.id, item])); map = new Map([...map, ...arr2.map(item => [item.id, item])]);
push array to map
arr2.forEach(item => { map.set([item.id, item]) });

Run results for: new Map vs set array to map

What is faster create new Map from two maps or set array items to map?

new Map

push array to map