Run results for: Array.from vs spread for DOM

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.2.1 Safari/605.1.15

Browser: Safari 17

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Array.from()	581617.2 Ops/sec
Spread	613111.8 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