Run results for: searching_new2

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: 3 years ago

Test name	Executions per second
if-else	25977.1 Ops/sec
switch	26653.0 Ops/sec
amatch-filter	355613.4 Ops/sec
amatch-find	447128.2 Ops/sec

Script Preparation code:

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

Tests:

if-else
if (item < 10) { console.log("less than 10"); } else if (item < 20) { console.log("less than 20"); } else if (item < 30) { console.log("less than 30"); } else if (item < 40) { console.log("less than 40"); } else if (item < 50) { console.log("less than 50"); } else { console.log("50 or more!"); }
switch
switch (item) { case item < 10: console.log("less than 10"); break; case item < 20: console.log("less than 20"); break; case item < 30: console.log("less than 30"); break; case item < 40: console.log("less than 40"); break; case item < 50: console.log("less than 50"); break; default: console.log("50 or more!"); }
amatch-filter
const amatch = () => { // Exclusions - borders - out-of-bound if (item < 10) return "less than 10"; if (item >= 50) return "50 or more!"; // within range return (data.filter(record => record.range.includes(item)))[0].value }; amatch(item);
amatch-find
const amatch = () => { // Exclusions - borders - out-of-bound if (item < 10) return "less than 10"; if (item >= 50) return "50 or more!"; // within range return data.find((record) => record.range.includes(item)).value; }; amatch(item);

Run results for: searching_new2

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

if-else

switch

amatch-filter

amatch-find