Run results for: map vs for loop cloneNode

Run details:

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: Chrome 131

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

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

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;
}

Tests:

for loop
let z = x.map(i => V[i].cloneNode());
combined map
let z = y.map(i => B(i[0],i[1]));
looped together
let z=Array(14);for(let i=0;i<14;++i){z[i]=V[x[i]].cloneNode();z[i].className=cn[i];}
looped together double list
let z=Array(14);for(let i=0;i<14;++i){z[i]=V[w[i]].cloneNode();z[i].className=w[i+14];}