HTML Preparation code:
x
 
1
<div id="00"></div>
2
<div id="01"></div>
3
<div id="02"></div>
4
<div id="03"></div>
5
<div id="04"></div>
6
<div id="05"></div>
7
<div id="06"></div>
8
<div id="07"></div>
9
<div id="08"></div>
10
<div id="09"></div>
11
<div id="10"></div>
12
<div id="11"></div>
13
<div id="12"></div>
14
<div id="13"></div>
15
<div id="14"></div>
16
<div id="15"></div>
17
<div id="16"></div>
18
<div id="17"></div>
19
<div id="18"></div>
20
<div id="19"></div>
21
<div id="20"></div>
22
<div id="21"></div>
23
<div id="22"></div>
24
<div id="23"></div>
25
<div id="24"></div>
26
<div id="25"></div>
27
<div id="26"></div>
28
<div id="27"></div>
29
<div id="28"></div>
30
<div id="29"></div>
31
<div id="30"></div>
32
<div id="31"></div>
33
<div id="32"></div>
34
<div id="33"></div>
35
<div id="34"></div>
36
<div id="35"></div>
37
<div id="36"></div>
38
<div id="37"></div>
39
<div id="38"></div>
40
<div id="39"></div>
41
<div id="40"></div>
42
<div id="41"></div>
43
<div id="42"></div>
44
<div id="43"></div>
45
<div id="44"></div>
46
<div id="45"></div>
47
<div id="46"></div>
48
<div id="47"></div>
49
<div id="48"></div>
50
<div id="49"></div>
51
<div id="50"></div>
52
<div id="51"></div>
53
<div id="52"></div>
54
<div id="53"></div>
55
<div id="54"></div>
56
<div id="55"></div>
57
<div id="56"></div>
58
<div id="57"></div>
59
<div id="58"></div>
60
<div id="59"></div>
61
<div id="60"></div>
62
<div id="61"></div>
63
<div id="62"></div>
64
<div id="63"></div>
65
<div id="64"></div>
66
<div id="65"></div>
67
<div id="66"></div>
68
<div id="67"></div>
69
<div id="68"></div>
70
<div id="69"></div>
71
<div id="70"></div>
72
<div id="71"></div>
73
<div id="72"></div>
74
<div id="73"></div>
75
<div id="74"></div>
76
<div id="75"></div>
77
<div id="76"></div>
78
<div id="77"></div>
79
<div id="78"></div>
80
<div id="79"></div>
81
<div id="80"></div>
82
<div id="81"></div>
83
<div id="82"></div>
84
<div id="83"></div>
85
<div id="84"></div>
86
<div id="85"></div>
87
<div id="86"></div>
88
<div id="87"></div>
89
<div id="88"></div>
90
<div id="89"></div>
91
<div id="90"></div>
92
<div id="91"></div>
93
<div id="92"></div>
94
<div id="93"></div>
95
<div id="94"></div>
96
<div id="95"></div>
97
<div id="96"></div>
98
<div id="97"></div>
99
<div id="98"></div>
100
<div id="99"></div>
101
Script Preparation code:
 
const nodeList = document.querySelectorAll('div');
Tests:
  • Spread with map

     
    const result = ([...nodeList]).map((node) => node.id);
  • Array.from with map

     
    const result = Array.from(nodeList).map((node) => node.id);
  • Array.from with second parameter

     
    const result = Array.from(nodeList, (node) => node.id);
  • for loop push

     
    const result = [];
    for (let i = 0; i < nodeList.length; i++) {
      result.push(nodeList[i].id);
    }
  • for loop pre-allocate

     
    const result = new Array(nodeList.length);
    for (let i = 0; i < nodeList.length; i++) {
      result[i] = nodeList[i].id;
    }
  • for loop pre-allocate cached length

     
    const length = nodeList.length;
    const result = new Array(length);
    for (let i = 0; i < length; i++) {
      result[i] = nodeList[i].id;
    }
Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Experimental features:

  • Test case name Result
    Spread with map
    Array.from with map
    Array.from with second parameter
    for loop push
    for loop pre-allocate
    for loop pre-allocate cached length

    Fastest: N/A

    Slowest: N/A

Latest run results:
Run details: (Test run date: 22 days ago)
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Safari/537.36
Chrome 135 on Mac OS X 10.15.7
View result in a separate tab
Test name Executions per second
Spread with map 91507.7 Ops/sec
Array.from with map 95276.0 Ops/sec
Array.from with second parameter 83111.0 Ops/sec
for loop push 194958.0 Ops/sec
for loop pre-allocate 216501.6 Ops/sec
for loop pre-allocate cached length 295437.1 Ops/sec