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

Run details:

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

Browser: Chrome 90

Operating system: Windows

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Switch 1 case	4354987.5 Ops/sec
If-else 1 case	3835972.0 Ops/sec
Object 1 prop	3872275.2 Ops/sec
Switch 2 cases	3924399.5 Ops/sec
If-else 2 cases	3958182.2 Ops/sec
Object 2 props	3842624.5 Ops/sec
Switch 4 cases	3959693.2 Ops/sec
If-else 4 cases	4087019.0 Ops/sec
Object 4 props	4318251.0 Ops/sec
Switch 10 cases	3854731.2 Ops/sec
If-else 10 cases	3823017.0 Ops/sec
Object 10 props	4304796.5 Ops/sec
Switch 50 cases	3184009.0 Ops/sec
If-else 50 cases	3284862.5 Ops/sec
Object 50 props	4310073.0 Ops/sec
Switch 1k cases	331645.8 Ops/sec
If-else 1k cases	323273.7 Ops/sec
Object 1k props	4082275.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