Benchmark: Compare querySelector to Array Method - MeasureThat.net

HTML Preparation code:

<select id="mydropdown" class="textbox">
    <option value="Beauty">Beauty</option>
    <option value="Catering">Catering</option>
    <option value="Beautysalon">Beautysalon</option>
</select>

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() {
    // This function is optional, feel free to remove it.
    // await someThing();
}

Tests:

querySelector
console.log(document.querySelector('.textbox option[value="Beauty"]'))
Array
function optionExists (select, value) { const options = Object.values(select.options).map(option => option.value) return options.includes(value) } const select = document.getElementById('mydropdown') console.log(optionExists(select, 'Beauty'))

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
querySelector
Array

Fastest: N/A

Slowest: N/A

Latest run results:

No previous run results

This benchmark does not have any results yet. Be the first one to run it!