MeasureThat.net

Run results for: map vs for loop cloneNode

Go to the benchmark
Run details:
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
Chrome 131
Mac OS X 10.15.7
Desktop
one month ago
Test name Executions per second
createElement 1025525.2 Ops/sec
C 1038859.8 Ops/sec
map 955717.6 Ops/sec
Script Preparation code:
AخA
 
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];}