Run results for: if-else vs switch-case vs object literals vs ternary-operator

Run details:

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

Browser: Chrome 93

Operating system: Windows 7

Device Platform: Desktop

Date tested: 2 years ago

Script Preparation code:

var str = 'abc';
str = str.charAt(Math.floor(Math.random() * 3));

Tests:

If - Else
if(str === 'a'){ console.log('A'); } else if (str === 'b'){ console.log('B'); } else if (str === 'c'){ console.log('C'); }
Switch - Case
switch (str) { case 'a': console.log('A'); break; case 'b': console.log('B'); break; case 'c': console.log('C'); break; }
Object literals
var objLiteral = { a: function() { console.log('A'); }, b: function() { console.log('B'); }, c: function() { console.log('C'); } } objLiteral[str]();
ternary-operator
str === 'a' ? console.log('A') : str === 'b' ? console.log('B') : str === 'c' ? console.log('C') : console.log('nothing')