Benchmark: map vs for loop cloneNode

Script Preparation code:

let V=[document.createElement('div'),document.createElement('p'),document.createElement('span'),document.createElement('a')]
let x=[0,0,0,0,1,2,3,3,2,1,0,0,1,2,  0,0,0,0,1,2,3,3,2,1,0,0,1,2, 0,0,0,0,1,2,3,3,2,1,0,0,1,2, 0,0,0,0,1,2,3,3,2,1,0,0,1,2, 0,0,0,0,1,2,3,3,2,1,0,0,1,2, 0,0,0,0,1,2,3,3,2,1,0,0,1,2]
let cn=['a','b','c','a','b','c','a','b','c','a','b','c','a','b']
let y=[[0,'a'],[0,'a'],[0,'a'],[0,'a'],[0,'a'],[0,'a'],[0,'a'],[0,'a'],[0,'a'],[0,'a'],[0,'a'],[0,'a'],[0,'a'],[0,'a']]
let z=[0,'a',0,'a',0,'a',0,'a',0,'a',0,'a',0,'a',0,'a',0,'a',0,'a',0,'a',0,'a',0,'a',0,'a']
let w=[0,0,0,0,1,2,3,3,2,1,0,0,1,2,'a','b','c','a','b','c','a','b','c','a','b','c','a','b']
let B=(a,b)=>{
  let d=V[a].cloneNode();
  d.className=b;
  return d;
}

Historical Performance Data aggregated from 5 community runs

Desktop Results:

Chrome 5 runs

601K/s

createElement

589K/s

map

553K/s

for loop

548K/s

combined map

439K/s

combined

423K/s

looped together

408K/s

looped together double list

408K/s

Fastest: C (1.5x faster)

View exact numbers

✓ C: 601,424 ops/sec
• createElement: 589,386 ops/sec
• map: 552,769 ops/sec
• for loop: 547,982 ops/sec
• combined map: 438,693 ops/sec
• combined: 423,252 ops/sec
• looped together: 408,406 ops/sec
• looped together double list: 407,614 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

Test case name	Result
for loop
combined map
looped together
looped together double list

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/131.0.0.0 Safari/537.36

Browser/OS: Chrome 131 on Mac OS X 10.15.7

View result in a separate tab

combined map

415K/s

looped together

401K/s

looped together double list

398K/s

for loop

111K/s

View exact numbers

Test name	Executions per second
✓ combined map	414,596 Ops/sec
looped together	400,928 Ops/sec
looped together double list	398,349 Ops/sec
for loop	110,815 Ops/sec

map vs for loop cloneNode (version: 15)

Comparing performance of: `for loop vs combined map vs looped together vs looped together double list`

Created: one year ago by: Registered User

Go to the latest result

for loop

combined map

looped together

looped together double list

Historical Performance Data aggregated from 5 community runs

Desktop Results:

Chrome 5 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

map vs for loop cloneNode (version: 15)

Comparing performance of: for loop vs combined map vs looped together vs looped together double list

Created: one year ago by: Registered User

Go to the latest result

for loop

combined map

looped together

looped together double list

Historical Performance Data aggregated from 5 community runs

Desktop Results:

Chrome 5 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Related benchmarks

Comparing performance of: `for loop vs combined map vs looped together vs looped together double list`