Run results for: Switch / If-Else / Object Scale

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.5 Safari/605.1.15

Browser: Safari 13

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
Switch 1 case	2768556.0 Ops/sec
If-else 1 case	2773618.0 Ops/sec
Object 1 prop	2549698.0 Ops/sec
Switch 2 cases	2729301.0 Ops/sec
If-else 2 cases	2737305.0 Ops/sec
Object 2 props	2550205.0 Ops/sec
Switch 4 cases	2781987.0 Ops/sec
If-else 4 cases	2695846.0 Ops/sec
Object 4 props	2536384.0 Ops/sec
Switch 10 cases	2762118.0 Ops/sec
If-else 10 cases	2449069.0 Ops/sec
Object 10 props	2475657.0 Ops/sec
Switch 50 cases	2752339.0 Ops/sec
If-else 50 cases	2107360.0 Ops/sec
Object 50 props	2514209.0 Ops/sec
Switch 1k cases	2672231.0 Ops/sec
If-else 1k cases	115213.6 Ops/sec
Object 1k props	2550471.0 Ops/sec

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);

Run results for: Switch / If-Else / Object Scale

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