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

reduce

631K/s

map

413K/s

for...of

87K/s

View exact numbers

Test name	Executions per second
✓ reduce	631,250 Ops/sec
map	413,061 Ops/sec
for...of	87,463 Ops/sec

Map creation alternatives (version: 1)

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

Created: one year ago by: Registered User

Go to the latest result

map

reduce

for...of

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Map creation alternatives (version: 1)

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

Created: one year ago by: Registered User

Go to the latest result

map

reduce

for...of

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Related benchmarks

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