Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
map vs for loop cloneNode
Go to the benchmark
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=577093" width="100%" height="500px"></iframe>
Run details:
User agent:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6.1 Safari/605.1.15
Browser:
Safari 15
Operating system:
Mac OS X 10.15.7
Device Platform:
Desktop
Date tested:
one year ago
C
751K/s
createElement
742K/s
View exact numbers
Test name
Executions per second
✓
C
750,839 Ops/sec
createElement
742,170 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];}