Run results for: new Map vs Array.from vs spread operator

Run details:

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

Browser: Chrome 121

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Script Preparation code:

var arr = [];

for (let i = 1; i <= 10000; i++) {
  arr.push({ id: i, name: `${i}` });
}

var map = new Map(arr.map(item => [item.id, item]));

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

Tests:

new Map
new Map(arr.map(item => [item.id, item]));
new Map(arr.map(item => [item.id, item]));
Array.from
Array.from(map.values());
Array.from(map.values());
Spread Operator
[...map.values()]
[...map.values()]