Run results for: Math.max/min vs if vs ternary operator vs custom function

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:109.0) Gecko/20100101 Firefox/110.0

Browser: Firefox 110

Operating system: Linux

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Math.max/min	17512906.0 Ops/sec
if	673137664.0 Ops/sec
ternary	672500736.0 Ops/sec
custom function	637094016.0 Ops/sec

Script Preparation code:

this.number = Math.random() * 1000;

function max(v1, v2) {
  if (v1 > v2) return v1;
  return v2;
}

function min(v1, v2) {
  if (v1 < v2) return v1;
  return v2;
}

​x
 
this.number = Math.random() * 1000;​function max(v1, v2) {  if (v1 > v2) return v1;  return v2;}​function min(v1, v2) {  if (v1 < v2) return v1;  return v2;}

Tests:

Math.max/min
return Math.max(250, Math.min(750, this.number));
return Math.max(250, Math.min(750, this.number));

if

var number = this.number;
if(number < 250) return 250;
if(number > 750) return 750;
return number;

 
var number = this.number;if(number < 250) return 250;if(number > 750) return 750;return number;

ternary

var number = this.number;
return number < 250 ? 250 : (number > 750 ? 750 : number);

 
var number = this.number;return number < 250 ? 250 : (number > 750 ? 750 : number);

custom function
return max(250, min(750, this.number));
return max(250, min(750, this.number));