HTML Preparation code:
AخA
 
1
<select>
2
    <option value="Strawberry">Strawberry</option>
3
    <option value="Blueberry">Blueberry</option>
4
    <option value="Peach">Peach</option>
5
    <option value="Pomegranate">Pomegranate</option>
6
    <option value="Grape">Grape</option>
7
    <option value="Banana">Banana</option>
8
    <option value="Cherry">Cherry</option>
9
    <option value="Pineapple">Pineapple</option>
10
    <option value="Pear">Pear</option>
11
    <option value="Plum">Plum</option>
12
    <option value="Muskmelon">Muskmelon</option>
13
    <option value="Avocado">Avocado</option>
14
    <option value="Apricot">Apricot</option>
15
    <option value="Mango">Mango</option>
16
    <option value="Apple">Apple</option>
17
    <option value="Papaya">Papaya</option>
18
    <option value="Lemon">Lemon</option>
19
    <option value="Coconut">Coconut</option>
20
    <option value="Jackfruit">Jackfruit</option>
21
    <option value="Nectarine">Nectarine</option>
22
    <option value="Strawberry">Strawberry</option>
23
    <option value="Blueberry">Blueberry</option>
24
    <option value="Peach">Peach</option>
25
    <option value="Pomegranate">Pomegranate</option>
26
    <option value="Grape">Grape</option>
27
    <option value="Green Banana">Green Banana</option>
28
    <option value="Cherry">Cherry</option>
29
    <option value="Pineapple">Pineapple</option>
30
    <option value="Pear">Pear</option>
31
    <option value="Plum">Plum</option>
32
    <option value="Muskmelon">Muskmelon</option>
33
    <option value="Avocado">Avocado</option>
34
    <option value="Apricot">Apricot</option>
35
    <option value="Mango">Mango</option>
36
    <option value="Apple">Apple</option>
37
    <option value="Papaya">Papaya</option>
38
    <option value="Lemon">Lemon</option>
39
    <option value="Coconut">Coconut</option>
40
    <option value="Jackfruit">Jackfruit</option>
41
    <option value="Nectarine">Nectarine</option>
42
</select>
Tests:
  • For..Loop

     
    const selectElement = document.querySelector('select');
    let selectedIndex = -1;
        
    for (let i = 0; i < selectElement.options.length; i++) {
      if (selectElement.options[i].value === 'Green Banana') {
        selectedIndex = i;
        break;
      }
    }
  • FindIndex

     
    const selectElement = document.querySelector('select');
    const selectedIndex = [...selectElement.options].findIndex(o => o.value === 'Green Banana');
Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Experimental features:

  • Test case name Result
    For..Loop
    FindIndex

    Fastest: N/A

    Slowest: N/A

Latest run results:
Run details: (Test run date: 4 years ago)
Mozilla/5.0 (iPhone; CPU iPhone OS 14_0_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Mobile/15E148 Safari/604.1
Mobile Safari 14 on iOS 14.0.1
View result in a separate tab
Test name Executions per second
For..Loop 602641.7 Ops/sec
FindIndex 582203.4 Ops/sec