Benchmark: Switch / If-Else / Object Scale

Switch / If-Else / Object Scale (version: 0)

Comparing performance of: Switch 1 case vs Switch 1k cases vs Object 50 props vs If-else 50 cases vs Switch 50 cases vs Object 10 props vs If-else 10 cases vs Switch 10 cases vs Object 4 props vs If-else 4 cases vs Switch 4 cases vs Object 2 props vs If-else 2 cases vs Switch 2 cases vs Object 1 prop vs If-else 1 case vs If-else 1k cases vs Object 1k props

Created: 5 years ago by: Guest

Jump to the latest result

Script Preparation code:

/**
 * Creates function, whose body contains generated switch.
 *
 * @return function(expression) { switch generated from {@code fromObject} keys and values }
 */
function createFnSwitch(fromObject) {
  var body = 'switch (expression) {\n'

  Object.entries(fromObject).forEach(([key, value]) => {
    body += "  case '" + key + "':\n"
      + "    return '" + value + "';\n";
  });

  body += '}\n';

  return new Function('expression', body);
}

/**
 * Creates function, whose body contains generated if-else.
 *
 * @return function(expression) { if-else generated from {@code fromObject} keys and values }
 */
function createFnIfElse(fromObject) {
  var body = '';

  Object.entries(fromObject).forEach(([key, value]) => {
    body += "if (expression == '" + key + "') {\n"
      + "    return '" + value + "';\n"
      + "} else ";
  });
  
  body = body.substring(0, body.length - " else ".length);

  return new Function('expression', body);
}

/**
 * Creates object of passed {@code length} with keys and values obtained from {@code fnKeyValueProvider}.
 *
 * @param length
 * @param fnKeyValueProvider = (i) => {key: desired property key, value: desired property value}
 */
function createObject(length, fnKeyValueProvider) {
  var object = {};
  for (var i = 0; i < length; i++) {
    var kv = fnKeyValueProvider(i);
    object[kv.key] = kv.value;
  }
  return object;
}

/**
 * Creates function for returning {@code object} values.
 *
 * @return (key) => object[key]
 */
function createFnObject(object) {
  return (key) => object[key];
}

// prepare tests
var tests = {
  one: {size: 1},
  two: {size: 2},
  four: {size: 4},
  ten: {size: 10},
  fifty: {size: 50},
  thousand: {size: 1000}
};
var keyValueProvider = i => ({key: i + '-key', value: i + '-value'});
Object.values(tests).forEach(test => {
  test.object = createObject(test.size, keyValueProvider);
  test.middleKey = keyValueProvider(Math.floor(test.size / 2)).key;

  test.fnSwitch = createFnSwitch(test.object);
  test.fnIfElse = createFnIfElse(test.object);
  test.fnObject = createFnObject(test.object);
});

// use result to prevent possible js engine optimization
var res;

// test switch
function testSwitch(test) {
  res = test.fnSwitch(test.middleKey);
}

// test if-else
function testIfElse(test) {
  res = test.fnIfElse(test.middleKey);
}

// test object
function testObject(test) {
  res = test.fnObject(test.middleKey);
}

Tests:

Switch 1 case
testSwitch(tests.one);
Switch 1k cases
testSwitch(tests.thousand);
Object 50 props
testObject(tests.fifty);
If-else 50 cases
testIfElse(tests.fifty);
Switch 50 cases
testSwitch(tests.fifty);
Object 10 props
testObject(tests.ten);
If-else 10 cases
testIfElse(tests.ten);
Switch 10 cases
testSwitch(tests.ten);
Object 4 props
testObject(tests.four);
If-else 4 cases
testIfElse(tests.four);
Switch 4 cases
testSwitch(tests.four);
Object 2 props
testObject(tests.two);
If-else 2 cases
testIfElse(tests.two);
Switch 2 cases
testSwitch(tests.two);
Object 1 prop
testObject(tests.one);
If-else 1 case
testIfElse(tests.one);
If-else 1k cases
testIfElse(tests.thousand);
Object 1k props
testObject(tests.thousand);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Switch 1 case
Switch 1k cases
Object 50 props
If-else 50 cases
Switch 50 cases
Object 10 props
If-else 10 cases
Switch 10 cases
Object 4 props
If-else 4 cases
Switch 4 cases
Object 2 props
If-else 2 cases
Switch 2 cases
Object 1 prop
If-else 1 case
If-else 1k cases
Object 1k props

Fastest: N/A

Slowest: N/A

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

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36

Browser/OS: Chrome 109 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
Switch 1 case	7859577.0 Ops/sec
If-else 1 case	7285117.0 Ops/sec
Object 1 prop	7319591.0 Ops/sec
Switch 2 cases	7270051.0 Ops/sec
If-else 2 cases	7195069.0 Ops/sec
Object 2 props	7296113.0 Ops/sec
Switch 4 cases	7075264.0 Ops/sec
If-else 4 cases	7083038.0 Ops/sec
Object 4 props	7195069.0 Ops/sec
Switch 10 cases	6637338.0 Ops/sec
If-else 10 cases	6710458.0 Ops/sec
Object 10 props	7125070.0 Ops/sec
Switch 50 cases	5714872.0 Ops/sec
If-else 50 cases	5789916.0 Ops/sec
Object 50 props	7579505.0 Ops/sec
Switch 1k cases	983385.6 Ops/sec
If-else 1k cases	968757.3 Ops/sec
Object 1k props	7416456.0 Ops/sec

Switch / If-Else / Object Scale (version: 0)

Created: 5 years ago by: Guest

Jump to the latest result

Switch 1 case

Switch 1k cases

Object 50 props

If-else 50 cases

Switch 50 cases

Object 10 props

If-else 10 cases

Switch 10 cases

Object 4 props

If-else 4 cases

Switch 4 cases

Object 2 props

If-else 2 cases

Switch 2 cases

Object 1 prop

If-else 1 case

If-else 1k cases

Object 1k props

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A