Benchmark: Map creation alternatives

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();

Tests:

map
let m1 = new Map(xs.map((x) => [x.id, x]));
reduce
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) }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
map
reduce
for...of

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

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

View result in a separate tab

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

Related benchmarks:

For loop map vs map builtin for 10000000 elements
For loop map vs map builtin for 100000 elements
for vs map to fill array
for vs map to fill array fixed
For + Push vs Map
Map loop
reflection vs map: access
Iterating map v2
Map creation in JS

Map creation alternatives (version: 1)

Comparing performance of: map vs reduce vs for...of

Created: one year ago by: Registered User

Jump to the latest result

map

reduce

for...of

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A