Benchmark: Array.from() vs Rest operator ([...])

HTML Preparation code:

<ul class="list">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
</ul>

Tests:

Array.from()
for (let i=0; i < 100; i++) { const items = Array.from(document.querySelectorAll('.list li')); const values = items.map(i => i.textContent); }
Spread [...]
for (let i=0; i < 100; i++) { const items = [...document.querySelectorAll('.list li')]; const values = items.map(i => i.textContent); }

Rendered benchmark preparation results:

Previous results

Test case name	Result
Array.from()
Spread [...]

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

Latest run results:

Run details: (Test run date: 4 months ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:126.0) Gecko/20100101 Firefox/126.0

Browser/OS: Firefox 126 on Mac OS X 10.15

Test name	Executions per second
Array.from()	6414.2 Ops/sec
Spread [...]	6581.7 Ops/sec

Array.from() vs Rest operator ([...]) (version: 0)