Run results for: Map creation alternatives

Run details:

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

Browser: Chrome 133

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one month ago

Test name	Executions per second
map	413060.6 Ops/sec
reduce	631250.2 Ops/sec
for...of	87462.8 Ops/sec

Script Preparation code:

function generateAnArray(gvv) {
    let arr = [];
    for(let i = 0; i < 100; i++) {
        arr.push({
            id: i,
            value: `value${i}`
        });
    }
    return arr;
}

xs = generateAnArray();

​x
 
function generateAnArray(gvv) {    let arr = [];    for(let i = 0; i < 100; i++) {        arr.push({            id: i,            value: `value${i}`        });    }    return arr;}​xs = generateAnArray();

Tests:

map

let m1 = new Map(xs.map((x) => [x.id, x]));

 
let m1 = new Map(xs.map((x) => [x.id, x]));

reduce

let m2 = xs.reduce((map, x) => map.set(x.id, x), new Map())

 
let m2 = xs.reduce((map, x) => map.set(x.id, x), new Map())

for...of

let m3 = new Map()
for (x of xs) {
    m3.set(x.id, x)
}

 
let m3 = new Map()for (x of xs) {    m3.set(x.id, x)}