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

Run details:

User agent: Mozilla/5.0 (Linux; Android 12; SM-G986B) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.61 Mobile Safari/537.36

Browser: Chrome Mobile 101

Operating system: Android

Device Platform: Mobile

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