Benchmark: indexof vs object lookup vs if OR

Tests:

indexof
var payload = "negativeUnsure"; var body = document.getElementsByTagName("BODY")[0]; var mArr = ["positiveFeedback", "negativeFeedback", "positiveAnotherQ", "negativeAnotherQ", "positiveAssistant", "negativeAssistant", "Visor", "Assistant", "clickWhileOnPhase", "afterCancelConversation", "positiveUnsure", "negativeUnsure", "Link to FAQ"] if(mArr.indexOf(payload) !== -1) body.innerHTML += "<div></div>";
object lookup
var payload = "negativeUnsure"; var body = document.getElementsByTagName("BODY")[0]; var mObj = { positiveFeedback: true, negativeFeedback: true, positiveAnotherQ: true, negativeAnotherQ: true, positiveAssistant: true, negativeAssistant: true, Visor: true, Assistant: true, clickWhileOnPhase: true, afterCancelConversation: true, positiveUnsure: true, negativeUnsure: true, "Link to FAQ": true } if(mObj[payload]) body.innerHTML += "<div></div>";
If OR
var payload = "negativeUnsure"; var body = document.getElementsByTagName("BODY")[0]; if(payload === "positiveFeedback" || payload === "negativeFeedback" || payload === "positiveAnotherQ" || payload === "negativeAnotherQ" || payload === "positiveAssistant" || payload === "negativeAssistant" || payload === "Visor" || payload === "Assistant" || payload === "clickWhileOnPhase" || payload === "afterCancelConversation" || payload === "positiveUnsure" || payload === "negativeUnsure" || payload === "Link to FAQ"){ body.innerHTML += "<div></div>" }

Rendered benchmark preparation results:

Previous results

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: 2 years ago)

User agent: Mozilla/5.0 (Linux; Android 11) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/89.0.4389.105 Mobile DuckDuckGo/5 Safari/537.36

Browser/OS: Chrome Mobile 89 on Android

indexof vs object lookup vs if OR (version: 0)