Run results for: searching_new22

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.85 Safari/537.36

Browser: Chrome 90

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
if-else	18925.2 Ops/sec
object	20925.9 Ops/sec
more obj	20977.2 Ops/sec

Script Preparation code:

var item = 999;

var moreData = {
         10: "less than 20", 
         11: "less than 20", 
         12: "less than 20", 
         13: "less than 20", 
         14: "less than 20", 
         15: "less than 20", 
         16: "less than 20", 
         17: "less than 20", 
         18: "less than 20", 
         19: "less than 20",
         20: "less than 30", 
         21: "less than 30", 
         22: "less than 30", 
         23: "less than 30", 
         24: "less than 30", 
         25: "less than 30", 
         26: "less than 30", 
         27: "less than 30", 
         28: "less than 30", 
         29: "less than 30",
         30: "less than 40", 
         31: "less than 40", 
         32: "less than 40", 
         33: "less than 40", 
         34: "less than 40", 
         35: "less than 40", 
         36: "less than 40", 
         37: "less than 40", 
         38: "less than 40", 
         39: "less than 40",
         40: "less than 50", 
         41: "less than 50", 
         42: "less than 50", 
         43: "less than 50", 
         44: "less than 50", 
         45: "less than 50", 
         46: "less than 50", 
         47: "less than 50", 
         48: "less than 50", 
         49: "less than 50",
      };

var setData = [];

 for (let i=10; i<20; i++) {
        setData[i] = "less than 20";
      }
      for (let i=20; i<30; i++) {
        setData[i] = "less than 30";
      }
      for (let i=30; i<40; i++) {
        setData[i] = "less than 40";
      }
      for (let i=40; i<50; i++) {
        setData[i] = "less than 50";
      }

Tests:

if-else
if (item < 10) { console.log("less than 10"); return; } else if (item < 20) { console.log("less than 20"); return; } else if (item < 30) { console.log("less than 30"); return; } else if (item < 40) { console.log("less than 40"); return; } else if (item < 50) { console.log("less than 50"); return; } else { console.log("50 or more!"); return; }
object
console.log(moreData[item] || ((item < 10) ? 'less than 10' : '50 or more!'));
more obj
console.log(setData[item] || ((item < 10) ? 'less than 10' : '50 or more!'));

Run results for: searching_new22

comparing if-else vs. switch vs. filter/includes vs. find/includes

if-else

object

more obj