NodeList for...of vs [].map.call
Date tested:
one year ago
User agent:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36
Test name
Executions per second
for...of
88040.3 Ops/sec
[].map.call
84000.3 Ops/sec
Benchmark definition (click to collapse):
HTML Preparation code:
<ul> <li class="test">Test</li> <li class="test">Test</li> <li class="test">Test</li> <li class="test">Test</li> <li class="test">Test</li> <li class="test">Test</li> <li class="test">Test</li> <li class="test">Test</li> <li class="test">Test</li> <li class="test">Test</li> </ul>
Tests:
for...of
const testEls = document.querySelectorAll('.test'); for (const testEl of testEls) { testEl.textContent = 'Tested!'; testEl.classList.add('tested'); }
[].map.call
[].map.call( document.querySelectorAll('.test'), (testEl) => { testEl.textContent = 'Tested!'; testEl.classList.add('tested'); }, );
Open this result on MeasureThat.net