Run results for: array.from.map vs array.from with map vs spread with map

Run details:

User agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:129.0) Gecko/20100101 Firefox/129.0

Browser: Firefox 129

Operating system: Ubuntu

Device Platform: Desktop

Date tested: one year ago

array.from with map

923K/s

array.from.map

865K/s

spread with map

864K/s

View exact numbers

Test name	Executions per second
✓ array.from with map	923,125 Ops/sec
array.from.map	865,193 Ops/sec
spread with map	864,377 Ops/sec

HTML Preparation code:

<div id='1'></div>
<div id='2'></div>
<div id='3'></div>
<div id='4'></div>
<div id='5'></div>
<div id='6'></div>
<div id='7'></div>
<div id='8'></div>
<div id='9'></div>
<div id='10'></div>

Script Preparation code:

var divs = document.querySelectorAll('div');

Tests:

array.from.map
Array.from(divs).map(div => div.id);
array.from with map
Array.from(divs, (div) => div.id);
spread with map
[...divs].map(div => div.id);