MeasureThat.net

Run results for: closest comparision

Go to the benchmark
Run details:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36
Chrome 131
Mac OS X 10.15.7
Desktop
4 months ago
Test name Executions per second
closest loop 637472.1 Ops/sec
closest comma 1081359.2 Ops/sec
HTML Preparation code:
AخA
 
1
<div class="a">
2
<div class="b">
3
<div class="c">
4
<div class="d">
5
<div class="d">
6
<div class="e">
7
<div class="f">
8
<div class="g">
9
<div class="h">
10
<div class="i">
11
<div class="j">
12
<div class="k">
13
<div class="l">
14
<div class="m">
15
<div class="n">
16
<div class="o">
17
<div class="p">
18
<div class="q">
19
<div class="r">
20
<div class="s">
21
</div>
22
</div>
23
</div>
24
</div>
25
</div>
26
</div>
27
</div>
28
</div>
29
</div>
30
</div>
31
</div>
32
</div>
33
</div>
34
</div>
35
</div>
36
</div>
37
</div>
38
</div>
39
</div>
40
</div>
Script Preparation code:
 
/*your preparation JavaScript code goes here
To execute async code during the script preparation, wrap it as function globalMeasureThatScriptPrepareFunction, example:*/
async function globalMeasureThatScriptPrepareFunction() {
  element = document.querySelector('.s')
}
Tests:

  • closest loop

     
    ['aa', 'bb', 'cc', 'dd', 'ee', 'ff'].forEach(letter => element.closest(`.${letter}`))

  • closest comma

     
    element.closest(`.aa, .bb, .cc, .dd, .ee, .ff`)