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

Run details:

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

Browser: Chrome 128

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

spread with map

425K/s

array.from.map

379K/s

array.from with map

356K/s

View exact numbers

Test name	Executions per second
✓ spread with map	424,878 Ops/sec
array.from.map	378,520 Ops/sec
array.from with map	356,495 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);