JSFiddle - React, Tailwind, and code Playground
HTML
<div id='log1'></div>
<div id='log2'></div>
JavaScript
(function () {
var i = 100000;
var d1 = Date.now();
var v = 'WolF';
var q = ['Help', 'Push', 'Habr', 'WolF', 'Next'];
while(i--) {
if (v===q[0]) console.log(0);
else if (v===q[1]) console.log(1);
else if (v===q[2]) console.log(2);
else if (v===q[3]) console.log(3);
else console.log('not found');
}
var d2 = Date.now();
$('#log1').text('If/else: ' + (d2 - d1));
})();
(function () {
var i = 100000;
var d1 = Date.now();
var v = 'WolF';
var q = ['Help', 'Push', 'Habr', 'WolF', 'Next'];
while(i--) {
switch(v) {
case(q[0]):
console.log(0);
break;
case(q[1]):
console.log(1);
break;
case(q[2]):
console.log(2);
break;
case(q[3]):
console.log(3);
break;
default:
console.log('not found');
break;
}
}
var d2 = Date.now();
$('#log2').text('Switch/case: ' + (d2 - d1));
})();