Benchmark: for...of vs [].map.call

HTML Preparation code:

<ul>
  <li class="test"></li>
  <li class="test"></li>
  <li class="test"></li>
  <li class="test"></li>
  <li class="test"></li>
</ul>

Tests:

for...of
const testEls = document.querySelectorAll('.test'); for (const testEl of testEls) { testEl.classList.add('tested'); }
[].map.call
[].map.call( document.querySelectorAll('.test'), (testEl) => testEl.classList.add('tested')}, );

Rendered benchmark preparation results:

Previous results

Test case name	Result
for...of
[].map.call

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

This benchmark does not have any results yet. Be the first one to run it!

for...of vs [].map.call (version: 0)