Run results for: Array.from vs spread for DOM

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

Browser: Chrome 120

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Array.from()	465578.1 Ops/sec
Spread	500137.1 Ops/sec

HTML Preparation code:


<div id='test-list'>
  <ul>
    <li class="item">Item 01</li>
    <li class="item">Item 02</li>
    <li class="item">Item 03</li>
    <li class="item">Item 04</li>
    <li class="item">Item 05</li>
    <li class="item">Item 06</li>
    <li class="item">Item 07</li>
    <li class="item">Item 08</li>
    <li class="item">Item 09</li>
    <li class="item">Item 10</li>
    <li class="item">Item 11</li>
    <li class="item">Item 12</li>
    <li class="item">Item 13</li>
    <li class="item">Item 14</li>
    <li class="item">Item 15</li>
    <li class="item">Item 16</li>
    <li class="item">Item 17</li>
    <li class="item">Item 18</li>
    <li class="item">Item 19</li>
    <li class="item">Item 20</li>
  </ul>
</div>

Script Preparation code:

const items = document.querySelectorAll('.item');

Tests:

Array.from()
const items = document.querySelectorAll('.item'); Array.from(items);
Spread
const items = document.querySelectorAll('.item'); [...items]

Run results for: Array.from vs spread for DOM

Array.from()

Spread